【实用】js实现将鼠标的上下滚动改为页面的左右滚动

element.addEventListener('wheel', (event) => {event.preventDefault();element.scrollBy({left: event.deltaY < 0 ? -30 : 30,  // >0 是下滑，<0是上滑});});

【实用】js实现将鼠标的上下滚动改为页面的左右滚动相关推荐

html怎么做到滚动鼠标转换,js实现的鼠标滚轮滚动切换页面效果(类似360默认页面滚动切换效果)...
本文实例讲述了js实现的鼠标滚轮滚动切换页面效果的方法.分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: wheel var currentShowPageIndex = 0; v ...
网页两侧滚动窗网页两侧飘窗的简单实用js
网页两侧滚动窗网页两侧飘窗的简单实用js 之前头疼这个js怎么写,后来搞了这个,超级实用,只要把下面的代码放在需要设置的网页<body>中就ok了,还方便维护,可以设置关闭 <!- ...
css 鼠标滚动事件,js监听鼠标的滚轮滚动事件教程
不同的有不同的滚轮事件.主要是有两种,onmousewheel(firefox不支持)和dommousescroll(只有firefox支持),关于这两个事件这里不做详述,想要了解的朋友请移步:鼠标滚 ...
js实现判断鼠标滚轮的上下滚动
<script type="text/javascript"> var scrollFunc = function (e) { e = e || window.even ...
js/jq判断鼠标滚轮方向
js判断鼠标滚轮方向: var scrollFunc = function (e) { e = e || window.event; if (e.wheelDelta) { //判断浏览器IE,谷歌滑 ...
js点击图片查看大图，并可以拖动，且滚动滑轮放大缩小
方法一:此方法在页面没有滚动条时无法缩放 JQuery function hideMax(){$(".MAX_div").remove();$("#Cover_Div&q ...
html 向上滚动不间断,向上不间断滚动div+css+js模板
div+css不间断向上滚动模板上一次给大家介绍一种div css的不间断滚动代码JS特别多(不间断滚动css代码),这次给大家介绍的是比较实用比较简单的不间断css滚动代码 DIV+CSS不间断滚 ...
js监听鼠标拖动事件(按住左键拖动触发，松开左键取消)
此段代码,实现了左键点击id元素内区域后,拖动鼠标到边缘区域滚动条(内部class元素的滚动条)自动滚动,松开鼠标后取消事件业务需要记录一下 $(function () {var div=docum ...
html 页面自动滚动,js监听html页面的上下滚动事件方法
最近在一个项目中,在写前端页面的时候,想像以前做Android时在页面时刻监听上下滚动的事件,查找资料发现由鼠标或类似用户动作触发的事件有以下图示: 不多说了,直接上代码了,经过测试可以使用: Dom ...

【实用】js实现将鼠标的上下滚动改为页面的左右滚动

【实用】js实现将鼠标的上下滚动改为页面的左右滚动相关推荐

最新文章

热门文章