0

ユーザーがページを下にスクロールすると、常にウィンドウの上部に表示されるスティッキー サイドバーを実装しようとしています。

正しいタイミングで上にくっついていますが、何らかの理由で左に浮きません... くっついたときに同じ位置にとどまるために何ができるか教えてください。

私のサイトはこちらです。前もって感謝します！ 

<script type="text/javascript">
$(function(){ // document ready

    if (!!$('.sticky').offset()) { // make sure ".sticky" element exists
        var stickyTop = $('.sticky').offset().top; // returns number 
        $(window).scroll(function(){ // scroll event
            var windowTop = $(window).scrollTop(); // returns number 
            if (stickyTop < windowTop){
                $('.sticky').css( { position:'fixed', top: 0, marginLeft: "30px" } );
            }
            else {
                $('.sticky').css('position','static');
            }
        });
    }

});
</script>
4

2 に答える 2

1

車輪を発明しないでください。このプラグインのようなものを入手して楽しんでください。

于 2012-08-16T11:59:20.890 に答える
0

画面の左側にあるように言っていないようです。

この行を次のように変更してみてください。

$('.sticky').css( { position:'fixed', top: 0, left:0, marginLeft: "30px" }
于 2012-08-16T12:04:26.663 に答える