監(jiān)聽(tīng)滾動(dòng)事件

1、首先獲取到iframe的window對(duì)象

? js 獲取iframe的window對(duì)象

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

? jq 獲取iframe的window對(duì)象

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

2、添加事件監(jiān)聽(tīng)

? js 監(jiān)聽(tīng)

//監(jiān)聽(tīng)
frameWidow.onscroll = function () {
    //獲取滾動(dòng)條的位置
    var scrollTop = frameWidow.document.documentElement.scrollTop || frameWidow.document.body.scrollTop;
}

? jq 監(jiān)聽(tīng)

//監(jiān)聽(tīng)
$(frameWidow).scroll(function(e){
    //獲取滾動(dòng)條的位置
    var scrollTop=$(frameWidow).scrollTop();
});

3、滾動(dòng)到指定位置

? js 滾動(dòng)

frameWidow.scrollTo(100, 300);

? jq 滾動(dòng)

$(frameWidow).scrollTop(200);

注意：如果需要打開(kāi)頁(yè)面就滾動(dòng)到指定位置，此時(shí)可能滾動(dòng)方法不起作用，可能是因?yàn)轫?yè)面還沒(méi)加載完畢，可以設(shè)置一個(gè)定時(shí)器。

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