滾動1000px后更改CSS類

Question

一旦用戶向下滾動1000px，我想在我網站的左欄中顯示一個固定的菜單，但對jQuery / JS不是很有經驗。 我認為這樣的東西會起作用，但它沒有做任何事情：

HTML：

<div id="menu">[MENU_WILL_GO_HERE]</div>

樣式：

#menu{display:none;}​

JQ：

var fixed = false;
 ​$(document).scroll(function() {
    if( $(this).scrollTop() > 100 ) {
        if( !fixed ) {
           fixed = true;
           $('#menu').css({position:'fixed', display:'block'});
        }
        } else {
           if( fixed ) {
               fixed = false;
               $('#menu').css({display:'none'});
        } 
    } 
});​

問：

有什么理由不起作用嗎？ 代碼是http://jsfiddle.net/roXon/psvn9/1/上的一個示例，即使我將該示例完全復制/粘貼到空白的html頁面中，並帶有最新jquery庫的鏈接，仍然不像在那個jsfiddle頁面那樣工作。 我能俯瞰什么？

Answer 1

您的示例中的大括號錯了，但無論如何，您可以簡化代碼：

CSS ：

#menu {
    display : none;
    position : fixed;
}

JS ：

 $(document).scroll(function() {
    $('#menu').toggle($(this).scrollTop()>1000)
 });​ 

演示 ： http ： //jsfiddle.net/elclanrs/h3qyV/1/

Answer 2

像這樣編輯

if( $(this).scrollTop() > 1000 )

你正在尋找1000px滾動，但由於你的代碼，它出現了100px