監聽滾動事件

1、首先獲取到iframe的window對象

? js 獲取iframe的window對象

 var frameWidow = document.getElementById('iframeId').contentWindow;

? jq 獲取iframe的window對象

var frameWidow = $("#iframeId")[0].contentWindow;

2、添加事件監聽

? js 監聽

//監聽
frameWidow.onscroll = function () {
    //獲取滾動條的位置
    var scrollTop = frameWidow.document.documentElement.scrollTop || frameWidow.document.body.scrollTop;
}

? jq 監聽

//監聽
$(frameWidow).scroll(function(e){
    //獲取滾動條的位置
    var scrollTop=$(frameWidow).scrollTop();
});

3、滾動到指定位置

? js 滾動

frameWidow.scrollTo(100, 300);

? jq 滾動

$(frameWidow).scrollTop(200);

注意：如果需要打開頁面就滾動到指定位置，此時可能滾動方法不起作用，可能是因為頁面還沒加載完畢，可以設置一個定時器。

//定時器
setTimeout(() => {
    //frameWidow.scrollTo(100, 300);
    $(frameWidow).scrollTop(200);
}, 1000)