0

div（位置が固定されている）を指定された領域の外側に非表示にしたい。これは私が何をするかを正確に行います：

<div id="div1" style="position:relative; overflow:hidden;">
     <div id="div2" style="position:relative; z-index:10;">
          <div id="div3" style="position:fixed"> </div>
     </div>
</div>

これが例です。（Firefoxのみ）

しかし、なぜプロパティ#div2が必要なのかわかりませんか？z-index

また、私の例であるiircはChromeで機能していましたが、現在は機能していません。なんで？

4

2 に答える 2

0

ここでは、div2のz-indexがdiv3よりも大きいため、DIV3の一部がオーバーラップしたり、div2/div1を介して表示されたりしないと想定しています。

于 2013-02-10T11:25:50.530 に答える
0

http://jsfiddle.net/wS5Rx/4/

固定要素はオーバーフローの影響をまったく受けないため、JS を追加して、スクロールに達すると消えるようにする必要があります。

$(window).scroll(function() {
    if ($(this).scrollTop() > 200) {
        $('#div3').css({
            'display': 'none'
        });
    }else{
        $('#div3').css({
            'display': 'block'
        });        
    }

});
于 2013-02-10T12:23:19.953 に答える