JS禁用鼠标滚动条功能且滚动条不消失教程

admin 轻心小站 关注 LV.19 运营
发表于JS技术学习版块 教程

这个JS功能我找了好久好久才找到的,希望能够帮助到大家,网上有很多教程虽然能够实现禁用滚动条的效果,但是滚动条却直接消失不见了,那么今天我就把禁用滚动条但滚动条不消失的JS代码分享给大家。实例代码如下

这个JS功能我找了好久好久才找到的,希望能够帮助到大家,网上有很多教程虽然能够实现禁用滚动条的效果,但是滚动条却直接消失不见了,那么今天我就把禁用滚动条但滚动条不消失的JS代码分享给大家。

实例代码如下:

$('body').on('scroll mousewheel touchmove', function(e) {
    e.preventDefault();
    e.stopPropagation();
    return true;
});

虽然这段代码可以禁用掉鼠标滚动条功能,但是却有它的不足之处,滚动条虽然不能用了,但是通过鼠标指针上下滑动的方式却依然有效,目前这段代码没有更好的解决办法,但是有另外一种方法也可以禁用滚动条,且滚动条不消失,在后面的教程文章我在给大家继续分享吧,也是我无意间中研究出来的,因为那个属于CSS的范畴,这篇文章是关于JS的,所以就不全部混淆写到一起了。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: JS禁用鼠标滚动条功能且滚动条不消失教程

粉丝

0

关注

0

收藏

0

已有0次打赏