Jquery 向下滚动1000px后更改CSS类

Jquery 向下滚动1000px后更改CSS类,jquery,css,scroll,fixed,Jquery,Css,Scroll,Fixed,我希望在用户向下滚动1000px后,在我的站点的左栏中显示一个固定的菜单,但我对jQuery/JS不是很有经验。我原以为这样做行得通,但却毫无用处: HTML: JQ: 问: 这有什么不起作用的原因吗?该代码是一个示例,即使我将该示例完全复制/粘贴到一个空白html页面中,并带有最新jquery库的链接,它仍然不能像在JSFIDLE页面上那样工作。我可以忽略什么 在您的示例中,大括号是错误的,但无论如何,您可以简化代码: CSS: #menu { display : none;

我希望在用户向下滚动1000px后,在我的站点的左栏中显示一个固定的菜单,但我对jQuery/JS不是很有经验。我原以为这样做行得通,但却毫无用处:

HTML:

JQ:

问:


这有什么不起作用的原因吗?该代码是一个示例,即使我将该示例完全复制/粘贴到一个空白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:是的。你需要把
你的代码