gpt4 book ai didi

javascript - 如何使用 jQuery 构建简单的粘性导航?

转载 作者:搜寻专家 更新时间:2023-10-31 08:20:38 25 4
gpt4 key购买 nike

我试图在滚动时更改 div 的 css。这是我的代码,但不幸的是它不起作用。

$(document).ready(function() {
$(window).scroll(function () {
if ($(this).scrollTop() > 150) {
$('#subnav').css({
'position' : 'fixed',
'top' : '0'
});
} else {
$('#subnav').css({
'position' : 'static',
'top' : 'auto'
});
}
});
});

最佳答案

试试这个:

Here is working jsFiddle

$(document).ready(function() {
$(window).scroll(function() {
var scrollVal = $(this).scrollTop();
if ( scrollVal > 150) {
$('#subnav').css({'position':'fixed','top' :'0px'});
} else {
$('#subnav').css({'position':'static','top':'auto'});
}
});
});

注意:如果你只有一个值你可以使用else,但是如果你有多个值我建议不要使用else,因为它会产生冲突,使用else if intead.

关于javascript - 如何使用 jQuery 构建简单的粘性导航?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11872381/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com