javascript - Javascript的粘性侧边栏问题

Question

我正在尝试实现一个粘性侧边栏，当用户向下滚动页面时，它始终位于窗口顶部。

我让它在正确的时间粘在顶部，但由于某种原因它不再向左浮动......有人请让我知道我可以做些什么来让它在粘住时保持在相同的位置？

我的网站在这里。提前致谢！

<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>

Answer 1

不要发明轮子。只需获取类似此插件的内容即可享受。

Answer 2

你似乎没有告诉它在屏幕的左侧。

尝试将此行更改为：

$('.sticky').css( { position:'fixed', top: 0, left:0, marginLeft: "30px" }