gpt4 book ai didi

JQuery 导航粘性

转载 作者:太空宇宙 更新时间:2023-11-04 04:08:12 25 4
gpt4 key购买 nike

我试着让我的 Navigation Sticky..但是没用..这里是我的 JQuery 代码:

$(document).ready(function() {
var stickyNavTop = $('nav').offset().top;
var stickyNav = function(){
var scrollTop = $(window).scrollTop();
if (scrollTop > stickyNavTop) {
$('nav').addClass('sticky');
} else {
$('nav').removeClass('sticky');
}
};
stickyNav();
$(window).scroll(function() {
stickyNav();
});
});

和使用的 css 定义:

.sticky {
position: fixed;
top: 0;
}
nav {
background: url('bilder/bg_nav.png') no-repeat;
width: 800px;
margin: 0 auto;
height: 40px;
}

你可以在link看到全部

谢谢你的帮助!

最佳答案

我没有在你的 html 中找到 jQuery 库,你应该把这段代码放在 <head> 中使 jQuery 代码工作的 html 部分:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>

关于JQuery 导航粘性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21077754/

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