得到Iframe水平滾動條位置javascript

Question

它可能看起來偶然的問題，但我花了很長時間。

我加載在IFRAME &本地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元素內。你可以參考正確的元素是這樣的：使用frames收集

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

或者更多的跨瀏覽器的方式：

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; } 

試試這個。