Question

我想创建一个div，它位于一个内容块之下，但是一旦页面滚动到足以接触其顶部边界，就会固定到位并与页面一起滚动。我知道我至少看过一个这样的网上例子，但我不记得它是为了我的生活。

$(document).ready(function () {
     $(window).scroll(function () {
     });
 });

我试图把这个内容放在这个小提琴中

http://jsfiddle.net/HQS8s/

但不确定如何实现这一点，请你告诉我怎么做？

Answer 1

我已经修改了你的jsfiddle如下（如果我错的话，这是我从你的问题中理解的，除了我之外）

 $(document).ready(function () {
     var $window = $(window),
         $headerBar = $('#headerBar'),
         $headerBarAnchor = $('#headerBarAnchor');

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

检查http://jsfiddle.net/jWaEv/12/

如果滚动到当前div标题，我怎么能将div粘贴到屏幕顶部

1 个答案: