更改滚动行为:滚动增量为100vh

时间:2015-12-31 12:01:16

标签: javascript jquery html css scroll

我网站的主页有9个部分。

每个部分都是div元素,高度为100vh。

当用户滚动页面时,我希望页面以100vh的增量滚动,而不是正常的滚动行为。

为了使页面以100vh的增量滚动,更改正常滚动行为的Javascript / Jquery代码是什么?

1 个答案:

答案 0 :(得分:1)

以下是如何将滚动设置为100 px的方法。至于方向和速度,你必须有点创意,我建议使用超时的第二个。希望这有帮助!

 $body = $('body');
 $body.css('overflow', 'hidden');
 $body.bind('mousewheel', function(e){
   $body.scrollTop($body.scrollTop() + 100);
 });