css如何在页面内出现滚动条的地方禁止鼠标滑轮滚动_安全

css只是层叠样式表，是控制页面的样式的，并不能对一些 *** 作进行控制。至于禁止鼠标滑轮的滚动是需要用js控制的，在js中有一个mousewheel事件，对这个事件进行设置，可以实现对鼠标滚轮的一些 *** 作。

onmousewheel="return false;">
禁用滚动事件测试： <html>
<head>
</head><body onmousewheel="return false;">


 v
 v

















</body>
</html>

应该设置zoomEnable: false resizeEnable是监控地图容器尺寸变化的
showIndoorMap: false, // 是否在有矢量底图的时候自动展示室内地图，PC默认true,移动端默认false
resizeEnable: true, //是否监控地图容器尺寸变化，默认值为false
dragEnable: false, // 地图是否可通过鼠标拖拽平移，默认为true
keyboardEnable: false, //地图是否可通过键盘控制，默认为true
doubleClickZoom: false, // 地图是否可通过双击鼠标放大地图，默认为true
zoomEnable: false, //地图是否可缩放，默认值为true
rotateEnable: false, // 地图是否可旋转，3D视图默认为true，2D视图默认false

如果使用的是IE直接使用下面代码就可以了，在body的onmousewheel事件中return false
<body onmousewheel="return false;">

可以用js或者css实现。
js可以监听鼠标的onscroll滚轮事件，事件内可以阻止鼠标的滚轮默认事件。
css可以设置元素的"pointer-events"属性，设置为none则所有鼠标事件失效。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/yw/13343293.html

css如何在页面内出现滚动条的地方禁止鼠标滑轮滚动

发表评论

评论列表（0条）