鼠标上下滚动跳转页面。
2017-09-26 10:47
183 查看
(function() { var scrollFunc = function(e) { var ee = e || window.event; var fullheight = document.body.offsetHeight; if (e.wheelDelta) { //IE/Opera/Chrome -120是下+120是上 let a= e.wheelDelta; if (a > 0) { document.body.scrollTop -=(fullheight-940)/6; console.log(document.body.scrollTop); } if(a<0){ document.body.scrollTop += (fullheight-940)/6; console.log(document.body.scrollTop); } } else if (e.detail) { //Firefox -3是上+3是下 let a = e.detail; if(a>0){ } if(a<0){ } } } if (document.addEventListener) { document.addEventListener('DOMMouseScroll', scrollFunc, false); } //W3C window.onmousewheel = document.onmousewheel = scrollFunc; //IE/Opera/Chrome })()
fullheight 为文档的高度,这个需要你们自己根据自己做的来算了。
还有一种就是之前window.location.href=‘#home‘ 这种跳瞄点的方式来。
相关文章推荐
- 实现鼠标滚动一下页面就上下翻一页的效果
- JS 实现鼠标滚动页面跳转
- javascript实现页面右侧在线客服始终跟随鼠标滚动而上下滚动且始终位于屏幕中间
- 使用jQuery或者原生js实现鼠标滚动加载页面新数据
- 鼠标3秒不动,页面自动跳转到别的页面
- 15款fullpage.js鼠标滚动页面动画展示特效
- gridview鼠标双击事件(跳转至新页面并传值)单击获取值
- 鼠标上下滚动支持combobox选中
- 判断页面鼠标滚动的方向
- js跳转/滚动到页面最底部
- js实现页面滚动切换导航栏/点击导航栏跳转到指定位置
- jquery鼠标移动div内容上下左右滚动
- 随鼠标上下滚动的广告条
- javascript滚动栏响应鼠标滑轮的实现上下滚动事件
- js监听鼠标点击和键盘点击事件并自动跳转页面
- html js点击按钮滚动跳转定位到页面指定位置(DIV)的方法代码
- Jquery鼠标滚动到页面底部自动加载更多内容,使用分页
- HBuilder开发MUI web app溢出页面上下无法滚动问题
- mfc中鼠标滚轮上下滚动计数问题(OnMouseWheel)
- 随鼠标上下滚动的jquery代码