gpt4 book ai didi

javascript - 滚动标题修复了 jquery 代码不起作用

转载 作者:太空宇宙 更新时间:2023-11-04 13:27:52 24 4
gpt4 key购买 nike

<分区>

从顶部标题滚动修复不起作用。

代码片段:

$(document).ready(function() {
$(window).scroll(function() {
if ($(this).scrollTop() > 350) {
$('.header-nav').addClass('fixed2');
} else {
$('.header-nav').removeClass('fixed2');
}
});
});
.fixed2 {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: cornflowerblue;
}

html {
min-height: 1000px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="header-nav">
<ul id="main-nav">
<li><a href="index.html" class="active">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="#">Register Your Business</a></li>
</ul>
</div>

jQuery代码不冲突,我用$来jQuery。

jQuery 不工作。

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