SOFTELメモ Developer's blog

会社概要 ブログ 調査依頼 採用情報 ...
てるてる動画

【珍現象】iframeのsrcに”#”を指定すると

問題

あるページを開くと、画面が勝手にある位置までスクロールするんですよ。

読み込みが完了すると、直後に、ぴょこっ↑と。

解答例

iframe の src に “#”を指定すると、Chromeでそんなことが起きるらしい。

“#”にアクセス!→ページ内リンク発動! なのでしょうか。

再現方法は以下のとおり。

1、<iframe src=”#”></iframe> を含むページがあるとする。

2、アドレスバーにURLを入力して開く、ブックマークにいったん入れてそこから開く、他のページからのリンクで移動してきて開くなどいろいろな方法で開く。

4、たいていの場合で、ページの読み込みが完了すると、iframe要素の位置までスクロール位置が移動する。ぴょこ。

デモ

こちらでお試しください。

デモコーナー

Javascriptで動的に書き換えるつもりで一時的に…という場合であっても、<iframe src=”#”></iframe> なんて気持ち悪いことはするなということですね。

関連するメモ

コメント