jQuery滚动然后修复

Question

我想将菜单加载固定到页面底部（position:absolute;bottom:0px;），但是当用户滚动时，我希望它固定到顶部（position:fixed;top:0px;）。

这里是我的jQuery：

var main = function(){ 
    var menu = $('#menu') 

    $(document).scroll(function(){ 
     if ($(this).scrollTop() >= $(window).height() - menu.height()){ 
      menu.removeclass('bottom').addclass('top') 
     } else { 
      menu.removeclass('top').addclass('bottom') 
     } 
    }) 
} 
$(document).ready(main); 

这里是我的JSFiddle

我还没有能够成功地添加一流。

任何想法？谢谢！

Answer 1

你已经混淆了大小写，以及你没有将jQuery包含到你的JSFiddle中。这里是更新的JSFiddle。 http://jsfiddle.net/tb2ume6v/1/

var main = function(){ 
    var menu = $('#menu') 

    $(document).scroll(function(){ 
     if ($(this).scrollTop() >= $(window).height() - menu.height()){ 
     menu.removeClass('bottom').addClass('top') 
     } else { 
     menu.removeClass('top').addClass('bottom') 
     } 
    }) 
} 
$(document).ready(main); 

Answer 2

您还应该终止您的语句，并且您的第一个jsfiddle没有加载js库。

var main = function(){ 
    var menu = $('#menu'); 

    $(document).scroll(function(){ 
     if ($(this).scrollTop() >= $(window).height() - menu.height()){ 
     menu.removeClass('bottom').addClass('top'); 
     } else { 
     menu.removeClass('top').addClass('bottom'); 
     } 
    }); 
}; 
$(document).ready(main);