如何使导航栏显示在页面滚动条、JQuery和;独自创立
我想有一个隐藏的导航栏出现,一旦我滚动到页面的某一部分。我有一个问题,我在这里试图实现。我查了很多例子,但我不知道还能做什么。有人能帮我吗?谢谢你 HTML如何使导航栏显示在页面滚动条、JQuery和;独自创立,jquery,css,twitter-bootstrap,meteor,scrolltop,Jquery,Css,Twitter Bootstrap,Meteor,Scrolltop,我想有一个隐藏的导航栏出现,一旦我滚动到页面的某一部分。我有一个问题,我在这里试图实现。我查了很多例子,但我不知道还能做什么。有人能帮我吗?谢谢你 HTML <nav id="menu" class="navbar navbar-danger" role="navigation"> <div class="container-fluid"> <div class="collapse navbar-collapse col-lg-6 col-
<nav id="menu" class="navbar navbar-danger" role="navigation">
<div class="container-fluid">
<div class="collapse navbar-collapse col-lg-6 col-md-6">
<ul class="nav navbar-nav navbar-left">
<a class="navbar-brand" href="#">Brand</a>
</ul>
</div>
<div class="collapse navbar-collapse navbar-right col-lg-6 col-md-6">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">{{> loginButtons}}</a></li>
</ul>
</div>
</nav>
JQuery
Template.menu.onRendered(function () {
$("#menu").hide();
$(window).scroll(function() {
if ( $(window).scrollTop() > 350 ) {
$("#menu").fadeIn();
}
else{
$("#menu").fadeOut();
}
})
});
这很奇怪……那么你认为为什么它不适用于我的问题是什么呢?很难给出正确的答案,因为这无法在这里的任何平台上复制,因为实际实现是不同的,可能还包括一些其他代码。它也适用于我。在流星演示应用程序中。您是否可以尝试在
if
中打印到控制台以调试if($(窗口).scrollTop()>350){console.log('show')t或演示应用程序。您是否可以尝试在if
中打印到控制台以调试if($(窗口).scrollTop()>350){console.log('show');…
例如,查找以下内容:
Template.menu.onRendered(function () {
$("#menu").hide();
$(window).scroll(function() {
if ( $(window).scrollTop() > 350 ) {
$("#menu").fadeIn();
}
else{
$("#menu").fadeOut();
}
})
});