javascript - jQuery 在滚动条上粘贴 div

Question

我有一个顶部固定的 div，然后是一个主框架，其中包含两个内部的 div(左和右)。我想让正确的 div 贴在滚动顶部栏的正下方。

我已经把我的东西放在这里了: http://jsfiddle.net/mhD9Y/2/

$(document).ready(function(){

var window_top = 41 - $(window).scrollTop();
  var div_top = $('#stop_scroll').offset().top;
  if (window_top > div_top)
    $('#right').addClass('stick');
  else
    $('#right').removeClass('stick');

});



 .stick {
        position: fixed !important;
        top: 41px !important;z-index: 5 !important;    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    }

问题是脚本根本没有启动。

谢谢

Answer 1

将您的代码与窗口滚动一起放置。

$(document).ready(function(){
    $(window).scroll(function(){
      var window_top = $(window).scrollTop() - 41;
      var div_top = $('.right').offset().top;
      if (window_top > 41) {
        if (!$('.right').is('.stick')) {
            $('.right').addClass('stick');
         }
      }  else
           $('.right').removeClass('stick');
    });
});

要么你把 id="right"改成 class="right"

或

改变你的CSS

.stick 并在每个属性的末尾添加 !important。

DEMO on jsfiddle