4


0

X軸でdivを修正することはできますが、Y軸でスクロールできますか?

HTML

       Home /
       Background /
       Approach /
       Services /
       Clients /
       Contact

CSS

#header {
width: 100%;
position: fixed;
top: 0;
left: 0;
}
#container {
width: 8000px;
height: 590px;
/*etc*/
}

上記のコードを使用すると、ScrollTo.jsを使用して、水平にスクロールする非常に幅の広い「#container」を使用できます。 そして、それを制御する「#header」は固定された位置にあります。ページ/コンテナの残りの部分でスクロールさせたくないからです。 私の問題は、windonwを垂直にサイズ変更すると、コンテナが位置が固定されているために `#header`の下に隠れることです。

`#header`は水平に固定できますが、垂直にスクロールできますか? jQueryまたはCSSを使用していますか?

私の実例はこちらです:http://www.kargo2.com/Stackover/

ありがとう。

2 Answer


2


このかなりシンプルなオプションを試してください:

$(window).scroll(function(){
    $('#header').css({
        'top': $(this).scrollTop() + 15
    });
});

に加えて:

#header {
    top: 15px;
    left: 15px;
    position: absolute;
}

上部と左側に15pxのオフセットを追加して、オフセットの方法を示しましたが、ビューペインの隅で要素をきつくしたい場合は、これらのパーツを削除できます。


0


「位置」を「固定」から「絶対」に変更し、「top:0」のままにします。左:0; `