javascript - 更改滚动行为 : Scroll in Increments of 100vh

标签 javascript jquery html css scroll

<分区>

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

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

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

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

最佳答案

这是一次将滚动设置为 100 像素的方法。至于方向和速度,你必须要有一点创意,我建议对第二个使用暂停。希望这对您有所帮助!

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

关于javascript - 更改滚动行为 : Scroll in Increments of 100vh,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34546249/

上一篇:php - 使用 CSS 为 Moodle 表单中的选择器着色

下一篇:html - 三个 div,水平对齐

相关文章:

javascript - jQuery 点击事件和设置超时

javascript - 当背景图像到达底部时如何停止背景位置变化?

javascript - Knockout js 订阅函数(对于可观察对象)正在 ko.applyBindings(...) 中执行

javascript - 所有设备中的点击事件都会检测到触摸设备中的触摸吗?

javascript - 是否有用于在文本字段中显示默认文本的 JQuery 插件?

javascript - 访问 dropzoneJS 文件的临时源

javascript - 计算 <ul> 中特定 <li> 左侧和右侧 <li> 的数量

html - 如何避免搞乱格式化?

javascript - 插入动态 html 内容

javascript - 如何确保指令的链接函数在 Controller 之前运行?