如何添加偏移量来更快地触发jQuery函数?

时间:2015-10-28 06:00:05

标签: jquery html css

我已经通过jquery将一些类添加到在“start”类上激活的粘性导航。它正常工作,除了我希望它发生在当前正在发生的大约100px的位置,因为导航器上有90px的顶部填充。我尝试添加100px的偏移但似乎无法让它工作,我假设因为我有一个scrollTop但我不确定。任何见解都会非常有用!

谢谢!

$(document).ready(function(){       
       var scroll_start = 0;
       var startchange = $('.start');
       var offset = startchange.offset();
       $(document).scroll(function() { 
          scroll_start = $(this).scrollTop();
          if(scroll_start > offset.top) {
              $('.main-nav').css('background-color','rgba(255,255,255,0.9)');
              $('.nav-links a').css('color','#404041');
              $('.logo img').attr("src","img/tenure_logo_black.svg");
           } else {
              $('.main-nav').css('background-color', 'transparent');
              $('.nav-links a').css('color','#ffffff');
              $('.logo img').attr("src","img/tenure_logo.svg");
           }
       });
    });

1 个答案:

答案 0 :(得分:0)

scroll_start = $(this).scrollTop() - 100;

OR

scroll_start = $(this).scrollTop() + 100;

根据您的需要。