我正在尝试实现一个粘性侧边栏,当用户向下滚动页面时,它始终位于窗口顶部。
我让它在正确的时间坚持到顶部,但由于某种原因,它不再漂浮在左边...有人请让我知道我能做什么让它在坚持时保持在同一位置? / p>
我的网站是here。提前致谢!
<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>
答案 0 :(得分:1)
不要发明轮子。只需获得this plug-in之类的内容即可享受。
答案 1 :(得分:0)
您似乎没有告诉它在屏幕的左侧。
尝试将此行更改为:
$('.sticky').css( { position:'fixed', top: 0, left:0, marginLeft: "30px" }