可滾動內容w/jquery

Question

我對jQuery很新，但我想我會放棄它。所以我有一個頁腳，我想在頁面上是靜態的。我有一個<section>，我已經放了很多文字。我希望這部分是可滾動的，所以當滾動只是上下移動而不是頁腳。

所以我已經拿出這段代碼到目前爲止？

$("#main").mouseover(function(){ 
      $('#main').scroll(); 
     }); 

這是

<section id="main"> 
     <div id="bio"> 
      <div class="section_separator">.... 

希望我已經取得了一些意義上部分的開始？和你們幫我了:)

Answer 1

設置頁腳的CSS來position: fixed（可能bottom: 0）

Answer 2

這是一個CSS問題，而不是JQuery的....

footer{ 
    position:fixed; 
    bottom:0; 
} 

然而，如果你只希望頁面在你沒有懸停在頁腳頂部時滾動，這是你想要的：

$('footer').hover(function(){ 
    $('html').addClass('scroll_disabled'); 
}, function(){ 
    $('html').removeClass('scroll_disabled'); 
}); 

$('html.scroll_disabled').on('mousewheel', function(e){ 
    e.preventDefault(); 
});