我已经通过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");
}
});
});
答案 0 :(得分:0)
试
scroll_start = $(this).scrollTop() - 100;
OR
scroll_start = $(this).scrollTop() + 100;
根据您的需要。