获取iframe水平滚动条位置javascript

Question

这可能看起来很随意，但我花了很长时间才能做到这一点。

我在IFRAME＆amp;中加载本地HTML文件我使用

启用水平导航

overflow-x:scroll;overflow-y:hidden;

所以，我想知道当前的水平滚动条位置

var Iframe = document.getElementById("IframeId");
var pos = Iframe.scrollLeft;
              &
vat pos = Iframe.document.body.scrollLeft;

两者都不适合我。帮我解决这个问题

Answer 1

body位于iframe窗口内，而不在iframe元素内。你可以参考这样的正确元素：

var Iframe = document.getElementById("IframeId").contentWindow;
var pos = Iframe.document.body.scrollLeft;

使用frames集合的更多跨浏览器方式：

var Iframe = window.frames['IframeId'];
var pos = Iframe.document.body.scrollLeft;

修改

在IE10中，scrollLeft属性需要从document.documentElement读取，因此：

var pos = Iframe.document.documentElement.scrollLeft;

Answer 2

您可以调整iframe的滚动条。

iframe{ width: XXpx; height: XXpx; overflow-x: auto; overflow-y: hidden; }

试试这个。