Jquery 向下滚动1000px后更改CSS类
我希望在用户向下滚动1000px后,在我的站点的左栏中显示一个固定的菜单,但我对jQuery/JS不是很有经验。我原以为这样做行得通,但却毫无用处: HTML: JQ: 问:Jquery 向下滚动1000px后更改CSS类,jquery,css,scroll,fixed,Jquery,Css,Scroll,Fixed,我希望在用户向下滚动1000px后,在我的站点的左栏中显示一个固定的菜单,但我对jQuery/JS不是很有经验。我原以为这样做行得通,但却毫无用处: HTML: JQ: 问: 这有什么不起作用的原因吗?该代码是一个示例,即使我将该示例完全复制/粘贴到一个空白html页面中,并带有最新jquery库的链接,它仍然不能像在JSFIDLE页面上那样工作。我可以忽略什么 在您的示例中,大括号是错误的,但无论如何,您可以简化代码: CSS: #menu { display : none;
这有什么不起作用的原因吗?该代码是一个示例,即使我将该示例完全复制/粘贴到一个空白html页面中,并带有最新jquery库的链接,它仍然不能像在JSFIDLE页面上那样工作。我可以忽略什么 在您的示例中,大括号是错误的,但无论如何,您可以简化代码: CSS:
#menu {
display : none;
position : fixed;
}
$(document).scroll(function() {
$('#menu').toggle($(this).scrollTop()>1000)
});
JS:
#menu {
display : none;
position : fixed;
}
$(document).scroll(function() {
$('#menu').toggle($(this).scrollTop()>1000)
});
演示:像这样编辑
#menu {
display : none;
position : fixed;
}
$(document).scroll(function() {
$('#menu').toggle($(this).scrollTop()>1000)
});
if( $(this).scrollTop() > 1000 )
您正在寻找1000px的滚动,但由于这个原因,从您的代码中显示为100px,甚至更短:
$(“#菜单”).toggle($(this.scrollTop()>1000)
。啊,好老啊,我怎么会忽视你?老实说,我忘了这需要一个漂亮的女人。很好,朋友。这正是我想要的,但我无法在任何页面上执行脚本。它需要在某个标记中,还是在HTML代码之前或之后?我不明白为什么它不执行,而且它和小提琴上的代码完全一样。@ZackTaylor:是的。你需要把你的代码
。