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 に答える