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

どちらも私のために働いていません。このために私を助けて

score 4 · Accepted Answer

要素内ではなく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;

score -1 · Accepted Answer

iframe のスクロールバーを調整できます。

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

これを試して。

2 に答える 2