jQuery粘性侧边栏失败：将侧边栏丢出位置

Question

大家好，我正在尝试制作一个粘滞的侧边栏，但是我希望它不能正常工作。 任何帮助将非常感激。 滚动时发生的是，侧边栏被甩出了他的左侧位置。 正如您在小提琴中看到的那样，同样的情况仅在我使用图像的情况下发生。 这是一个小提琴 。 有什么想法我做错了或如何做这项工作？

提前致谢！

jQuery代码

jQuery(function() { // document ready
        var sideBarTop = $('#sidebar').offset().top;
        var sideBarLeft = $('#sidebar').offset().left
        jQuery(window).scroll(function(){ // scroll event
            var windowTop = $(window).scrollTop(); 
            if(sideBarTop < windowTop) {
                $('#sidebar').css({position: 'fixed', top: 0, left: sideBarLeft});
            }
            else {
                $('#sidebar').css('position', 'static');
            }
        });

    });

Answer 1

此问题是由于您在#sidebar上设置的百分比值引起的。 静态时，百分比值将基于其父元素，但是当您切换到position:fixed百分比将基于window/viewport ，您可以在此处查看规格： http : //www.w3.org/TR /CSS2/visuren.html#positioning-scheme