2014-05-06 50 views
2

我正在研究一个有两个jQuery脚本的项目。jQuery平滑滚动禁用窗口位置上的类更改

第一个是用于平滑滚动的插件 - Ariel Flesler Smooth Scroll

第二个是一个jQuery脚本,它可以在固定的顶部导航栏变为1085px时改变其类。

问题是,当您单击锚点将页面向下滚动到下一节时,jQuery不会触发,并且顶部栏的类不会更改。当您使用鼠标滚动或移动滚动条时,脚本会触发并更改类。我搜遍了所有没有答案。任何帮助将非常感激!

这里是顶级酒吧脚本:

$(function() { 
    //caches a jQuery object containing the header element 
    var header = $(".head-bar"); 
    $(window).scroll(function() { 
     var scroll = $(window).scrollTop(); 

     if (scroll >= 1085) { 
      header.removeClass('trans-bar').addClass("dark-bar"); 
     } else { 
      header.removeClass("dark-bar").addClass('trans-bar'); 
     } 
    }); 
}); 

回答

1

其实我已经想通了这一点,我只是需要增加窗口的位置号,并固定它。