overflow:auto/scroll;を指定した要素内で閲覧領域の外にあるリンクが機能しない

症状

  • 内部にリンクを含む要素のoverflowプロパティにauto値またはscroll値を指定している。
  • 始めに文書を表示したときその要素内にあるリンクが閲覧領域の外にある(a要素を見るためにスクロールが必要)。

このとき閲覧領域の外にあるリンクがhref属性で指定した場所に移動せず、overflowプロパティにauto値またはscroll値を指定した要素の始端部に移動してしまう。

例示

<div style="border:2px solid blue;">
<a href="b066.html">Mozバグ066へ移動</a>
</div>
<div style="overflow:auto; height:100px;
  padding-top:1000px; border:2px solid red;">
<a href="../mozilla.html">Mozバグ目次へ移動</a>
</div>

上記のソースを検証ページで使用しています。後方のリンク「Mozillaバグ目次へ移動」はスクロールしなければ表示できないとき、そのリンクが機能するかを確認してください。

補足

リンクが始めから閲覧領域内に表示されている場合にこの不具合は発生しません。また、overflowプロパティがvislble値またはhidden値のときもこの不具合は発生しません。

修正状況

  • Netscape7.02で不具合の発生を確認しました。
  • Netscape6.2.3、Netscape7.1でこの不具合は発生しないようです。

スポンサーリンク

関連記事

スポンサーリンク

CakePHPのDB接続情報設定

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る