如何通过js控制iframe里面的页面滑动

小泽玛丽罗 发布于 2015/10/27 16:34
阅读 808
收藏 0


我在iframe上加了各透明的div 块来屏蔽点击事件,并监听鼠标在div块上的滑轮的事件,试了下,都不会滑动
比如

var iwin = document.getElementById('o_pdf').contentWindow; iwin.scroll(0,500);




这个不行

这个也不行


var doc=document.getElementById("o_pdf").contentWindow.document; var body=$(doc).find("body")[0];$(body).scrollTop(400);




这个也不行

var result = $('#o_pdf').prop('contentWindow').document; var b=$(result).find('body,html')[0];
            $(b).animate({
                scrollTop : 300 }, 500);

不知道该怎么弄


加载中
0
wuyiw
wuyiw

操作iframe推荐用postMessage.

iframe里监听message事件.

主窗口监听DIV滑轮然后iframe.contentWindow.postMessage(/*滚动信息*/)

iframe收到message后进行滚动.

参考 https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage

返回顶部
顶部