带/ 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();
});