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

Question

我在iframe上加了各透明的p 块来屏蔽点击事件，并监听鼠标在p块上的滑轮的事件，试了下，都不会滑动
比如说 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);

不知道该怎么弄

Answer 1

使用iframe.contentWindow.scrollTo(xcoord,ycoord);。

演示地址：http://jsbin.com/viqoniyibi/edit?html,js,output

Answer 2

好像有一种方法，但是我记得不太清楚了。
在当前页面中能获得iframe文档对象是吧。既然能获得iframe文档对象就能拿里面的东西，如果在iframe里面那个页面写一个能操作元素的函数保存到iframe页面的window对象中，之后就可以在父网页中的到这个函数，最后调用