javascript - 使用 Jquery 将 div 滑出视口(viewport)的滚动事件 - 不起作用

Question

当用户滚动一次时，我试图让英雄部分向上滑出视口(viewport)。页面的默认状态隐藏了滚动条，但我想要 .content-section 中的滚动条。

我找到了一个完全符合我要求的网站 http://www.ryanedy.com/

这是我到目前为止尝试过的... Code Pen Here

//1. User scrolls
$(document).one("scroll", function() {
  $(".website-wrapper").animate({
  bottom: "1000",  
  opacity: 0.25,

  },300,function(){

  });
});

Answer 1

试试这个，而不是你的 javascript

$(document).on('DOMMouseScroll mousewheel', function() {
  $(".hero-section").slideUp(2000, function (){
     $("body").css('overflow','scroll');
  });
});

Try it