我是靠谱客的博主 乐观月饼,最近开发中收集的这篇文章主要介绍html页面禁止滚轮事件,在网页进行本地滚动时阻止全局滚动事件(阻止鼠标滚轮事件)...,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

bbc1937348a4529fccd10dbb2d41fb21.png

标题有点复杂,但这实际上是一个非常简单的问题. 很应该遇到过. 最近,对自动完成插件进行了优化,发现当下拉框中有很多内容时,滚动条就会出现. 如果页面本身具有滚动条,则很容易在两侧滚动,并且体验非常差. 因为我以前从未考虑过此类问题,所以我有信心地进行了思考,应通过技术手段避免这种情况.

efab01eeb065a0f78738eaeb844f1754.png

我一开始就考虑过听滚动事件,但是发现这个想法本身有一个误解,因为滚动元素本身并阻止窗口滚动是没有意义的,这是另一种思考方式,由于滚动通常是鼠标操作,所以为什么不处理滚轮事件呢?

f69069cf98dc98f14803cda0cb429b29.png

一个简单的检查,确实有类似的文章. 众所周知,默认情况下jQuery插件不支持鼠标滚轮事件. 现在,我们可以添加跨浏览器的鼠标滚轮支持. 您可以使用jQuery Mousewheel插件,可以通过搜索jquery.mousew

最后

以上就是乐观月饼为你收集整理的html页面禁止滚轮事件,在网页进行本地滚动时阻止全局滚动事件(阻止鼠标滚轮事件)...的全部内容,希望文章能够帮你解决html页面禁止滚轮事件,在网页进行本地滚动时阻止全局滚动事件(阻止鼠标滚轮事件)...所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(83)

评论列表共有 0 条评论

立即
投稿
返回
顶部