包容要素にoverflow:hidden;を使う際の注意点メモ - Rewish

高さの異なるカラムを揃えるスタイルシートで包容要素にoverflow:hidden;を指定する際、その中身に対してページ内リンクを使うと移動された部分より上が非表示になります。 問題のサンプル HTMLサンプルコード <div class="example-wrap"> <div class="example-main"> <div id="example-section1"></div> <div id="example-section2"></div> </div> <div class="example-navi"> <p><a href="#example-section2">第二セクションへ移動</a></p> </div> </div> .example-wrap { width: 500px; overflow: hidden; } .example-main { float

[willnet]

overflow:hiddenで隠れてる領域があるとき、そこがスクロールされると見えてた領域が見えない領域にとんじゃう

[ochanoco_naoco]

包容要素にoverflow:hidden;を指定する際に、ページ内リンクを使うと移動された部分より上が非表示になります。

[ysk_lucky-star]

これ仕様なのか／div#navi のネガティブマージンとか余白とかが悪さしてるみたい

[kits]

これはすごい。/ デモページがIEとOperaで見れない(style要素内のコメント終了がおかしいため) →修正済

[webmugi]

　消えた