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