1

现在我知道,如果用户滚动到侧边栏的底部,那么侧边栏会变为固定状态,并在他们阅读其余主要内容时停留在用户页面上。

但是现在我的固定div掉到了页脚中。那么,我怎样才能阻止它从父级中掉到div页脚中呢?

这是正在发生的事情的一个小提琴:http: //jsfiddle.net/95W8w/

所有代码都在 jsFiddle 中,但是由于 SO 需要我在此处包含 jsFiddle 包含的代码。

JavaScript:

  $(document).ready(function() {
 // Cache selectors for faster performance.
 var $window = $(window),
     $sidebar = $('#anchor'),
     $sidebarAnchor = $('#right');

 // Run this on scroll events.
 $window.scroll(function() {
var window_top = $window.scrollTop();
var div_top = $sidebarAnchor.offset().top;
if (window_top > div_top) {
 // Make the div sticky.
 $sidebar.addClass('stick');
 $sidebarAnchor.height($sidebar.height());
}
else {
    // Unstick the div.
    $sidebar.removeClass('stick');
    $sidebarAnchor.height(0);
  }
 });

});

4

1 回答 1

0

在您的类定义中更改bottom为使侧边栏贴在顶部而不是底部。top.stick

.stick {position: fixed; top:0px;}
于 2013-10-28T19:03:08.953 回答