我正在努力在用户滚动页面时更改菜单。它工作正常,但是当我滚动到页面底部时,我的代码才有效。
这是jQuery脚本:
var scroll_start = 0;
var startchange = $('#startchange');
var offset = startchange.offset();
$(window).scroll(function() {
scroll_start = $(this).scrollTop();
if(scroll_start > 1) {
$(".home .navbar-default").css('background-color', '#000000');
$(".home .navbar-default").css('opacity', '0.8');
$(".page-template-page-full-width-php .navbar-default").css('background-color', '#000000');
$(".page-template-page-full-width-php .navbar-default").css('opacity', '0.8');
} else {
$('.home .navbar-default').css('background-color', 'transparent');
$('.page-template-page-full-width-php .navbar-default').css('background-color', 'transparent');
}
});
我尝试了一些代码,包括来自one的代码。我修改了代码,看起来就像我上面的当前代码,但它仍然只在滚动到最底层时才起作用。这是我website。任何人都知道为什么代码只在底部滚动时才有效?我尝试使用alert
读取参数,但警报仅显示当我到达页面底部时以32为值。