Javascript 使导航条消失
我真的希望以前没有人问过这个问题 首先,我希望导航栏显示在特定像素数之后,我发现:Javascript 使导航条消失,javascript,jquery,navbar,nav,Javascript,Jquery,Navbar,Nav,我真的希望以前没有人问过这个问题 首先,我希望导航栏显示在特定像素数之后,我发现: <script type="text/javascript"> (function($) { $(document).ready(function(){ $(window).scroll(function(){ if ($(this).scrollTop() > 725) { $('#nav-principal
<script type="text/javascript"> (function($) {
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 725) {
$('#nav-principale').fadeIn(500);
} else {
$('#nav-principale').fadeOut(500);
}
});
}); })(jQuery); </script>
它成功了。现在,我正在寻找一种方法,使固定在屏幕顶部的导航栏在特定像素数后消失(如果可能的话)
这可能真的很容易,但我不懂Javascript/jquery
谢谢你的帮助,
Zhyrmar试试这个jQuery:
每当在725像素和1025像素之间滚动时,它都会淡入,否则会淡出
还请注意,您不需要同时使用函数${和$document.readyfunction{。它都在等待文档加载。你可能只需要做$'nav-principale'。css'visibility','hidden';一旦你达到了特定的像素数。具体的像素数是什么意思?@Kris Hollenbeck,我真的不知道如何解释它,但是当用户滚动到4000px时,nav就会消失Daan Heskes已经回答了,但是谢谢!
<script type="text/javascript">
$(document).ready(function() {
$(window).scroll(function(){
if (($(this).scrollTop() > 725) && ($(this).scrollTop() < 1025)) {
$('#nav-principale').fadeIn(500);
} else {
$('#nav-principale').fadeOut(500);
}
});
});
</script>