1

ページの途中にiframe があります。iframe 内に別のページを表示しようとしていますが、先頭ではなく数段落下に表示しようとしています。

そのため、他のページのアンカー名タグに対応するアンカーをiframe srcに入れました。

iframe自体は問題なくスクロールしますが、ページの本体もスクロールするため、iframeの上部が画面の上部に表示されます。これは意図したものではありません。

メインページの上部が画面の上部にあるまま、iframe だけをスクロールする方法はありますか?

<iframe scrolling="no" src="http://www.mysite.com/#anchorlink"></iframe>
4

2 に答える 2

1

メイン ページのボディ スタイルの位置を一時的に「固定」に設定し、iframe の「onload」イベントでデフォルトにリセットできます。たとえば、iframe に ID を指定します。

<iframe scrolling="no" id = "ifr"></iframe>

次のコードを追加します。

var ifr = document.getElementById("ifr");

document.body.style.position = "fixed";

ifr.onload = function() {document.body.style.position = ""};
ifr.src =  "http://www.mysite.com/#anchorlink"
于 2013-09-19T14:35:21.613 に答える