鼠标滚轮无法滚动处理、有滚动条但鼠标中间的滚轮滚动时页面不随之滚动

最新推荐文章于 2024-10-03 18:25:52 发布
最新推荐文章于 2024-10-03 18:25:52 发布
阅读量3w 收藏 5
点赞数 6
分类专栏： top.document.body.scrollTop 鼠标滚动无法控制页面上下滚动问题 文章标签： 鼠标滚动无法控制页面上下滚动问题 top.document.body.scrollTop document.body.scrollTop
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011384023/article/details/79869275
版权

问题描述：


这是一个奇葩的BUG，可能很多人都没见过，度娘都没给出一个好的答案，很多都说是硬件问题，让去设置 Internet - 高级 - 去掉平滑模式前面的勾勾 /谷歌/360/FF 同上所述。

值得一说的是，我的神（zhu）队友这次开始打感情牌了


-----------------------------------------------------------------------------------------------------------------------

最开始debug阶段以为是bootstrap的灰色遮罩遮住了整体页面导致用户无法手动拖动滚动条

遂改之~

.modal-backdrop.in {
z-index: -1;
display: none;
}


.modal-open .modal {
background: rgba(0, 0, 0, .5);

}

去掉原灰色蒙层样式，改为最大modal背景替换，确保样式与原样式统一

更改后，用户可以手动拖拽滚动条进行上下滑动，完成第一步

但鼠标中间滚动条仍然无法控制页面上下滚动

后经多方考证，改为在body增加如下属性

<body onmousewheel="top.document.body.scrollTop-=event.wheelDelta">

完美解决 PC微信端+谷歌 bootstrap-modal鼠标滚动无法控制页面上下滚动问题

wheelDelta 属性注释如下

当用户通过鼠标滚轮与页面交互、在垂直方向上滚动页面时（无论向下还是向上），就会触发mousewheel事件。这个事件可以在任何元素上面触发，最终会冒泡到document(IE)或window(Opera、Chrome、及Safari)对象。与mousewheel事件对应的event对象包含鼠标事件的所有标准信息之外，还包含一个特殊的wheelDelta属性。当用于向前滚动鼠标滚轮时，wheelDelta是120的倍数；当用户向后滚动鼠标滚轮是，wheelDelta是-120的倍数










嵌套的iframe和frameset中，鼠标中键滚动页面时，页面不会随之滚动，且滚动条也没有反应？
TdMaster的博客
10-06 1503
然而，如果在这些嵌套的框架中使用鼠标中键滚动页面时，可能会遇到页面不滚动且滚动条没有响应的问题。当我们在一个框架中嵌套另一个框架时，鼠标滚动事件可能会被最外层的框架所捕获，而不是被嵌套的框架所处理。通过这种方式，我们可以将鼠标滚动事件传递给嵌套的框架，并在嵌套的框架中实现滚动效果。这样，当我们在嵌套的框架中使用鼠标中键滚动页面时，页面将正确滚动且滚动条也会有相应的反应。在嵌套的框架中，我们添加了另一个事件监听器来接收从父级框架发送的消息，并处理滚动事件。// 将鼠标滚动事件传递给嵌套的框架。
C# panel控件实现鼠标滚轮滚动拖动滚动条
热门推荐
深海小黄鱼
11-07 1万+
实验中panel名称为pnl_suggest 界面初始化时添加panel鼠标滚动相应： this.pnl_suggest.MouseWheel += new MouseEventHandler(FormSample_MouseWheel);        鼠标滚动相应函数:  void FormSample_MouseWheel(object sender, MouseEvent
移动端有滚动条但是页面不能滚动的问题
qq_42654348的博客
06-28 3069
移动端有滚动条但是页面不能滚动的问题
html鼠标滚轮不滚动页面,Windows10系统鼠标滚轮无法滚动页面如何解决
weixin_42303461的博客
06-03 2316
如果遇到界面无法全部显示情况的话，那么win10系统用户就可以使用鼠标滚轮进行滚动翻页，方便阅读。不过，也有一些朋友会碰到无法在原本可以翻页的界面中使用鼠标滚轮翻页的问题，这是怎么回事呢？我们该如何操作呢？遇到这样的情况我们可以通过下面方法进行修复。方法一：尝试修复Win10系统1、同时按下Win键+X，选择【命令提示符(管理员)】；2、然后输入以下指令修复系统(也可以右键复制粘贴)： dis...
解决移动端有纵向滚动条但是不能滚动的问题
qq_45152044的博客
08-01 5117
解决移动端有纵向滚动条但是不能滚动的问题
overflow-x横向滚动条不可滚动的原因
weixin_42342065的博客
12-14 1567
在工作中遇到一种比较特殊的情况，当div内容宽度超过外层div总宽度的时候添加横向滚动条overflow-x:auto，正常这样来操作是没有什么问题的，但是遇到一个很奇怪的问题，满足上面任何条件了，但是滚动条却滚动不了，原因排查后发现是因为。以上是遇到的比较奇葩的情况，在此记录下。
麒麟系统鼠标滚轮不能实现页面滚动
caz28的专栏
06-27 2655
刚用麒麟V10，发现有滚动条的页面，滚动鼠标滚轮不能控制页面滚动。修改“设置”-“设备”-“鼠标”-“滚轮速度”，设置个合适的速度，就可以了。不过这个速度设置很难用，最低几乎不动，滚几下，才动。动一下也不是一行，而是多行，可能是没有适配各种分辨率屏幕。
Delphi实现父子窗体滚动条鼠标滚轮控制
在介绍知识点之前，需要先明确的是，提供的信息是一个关于Delphi编程语言实现的父子窗体滚动条支持鼠标滚轮移动功能的描述。接下来，我将详细解释相关的知识点。 **知识点一：Delphi编程语言** Delphi是一种广泛...
易语言编辑框滚动条联动例程
07-23
反之，当在编辑框中上下滚动时，滚动条也应该随之移动。 "处理" 这个关键词可能指的是事件处理函数。在易语言中，事件驱动编程是主要的编程模式，用户界面组件的动作（如点击、滚动等）都会触发相应的事件，程序员...
JavaScript基础(33)_鼠标滚轮滚动事件、键盘事件
no15870678621的博客
08-14 1544
js鼠标滚轮滚动事件、键盘事件
css如何让滚轮滚动时 不让页面滚动_移动端滚动研究
weixin_39625337的博客
11-22 2397
移动web滚动问题在移动端如果使用局部滚动，意思就是我们的滚动在一个固定宽高的div内触发，将该div设置成overflow:scroll/auto;来形成div内部的滚动，这时我们监听div的onscroll发现触发的时机区分android和ios两种情况，具体可以看下面表格:不能实时触发表现：只在手指触摸的屏幕上一直滑动时和滚动停止的那一刻才触发。关于模拟滚动概念正常的滚动：我们平时使用的sc...
移动端页面有滚动条但是无法滚动的问题
no pains,no gains
05-22 6808
做移动开发的是，有个签名的功能页面。只要点进过这个页面，再点击其他原先可以滚动的页面，都再不能滚动。 网上查找的问题根本是使用了下面这个js事件： document.addEventListener( "touchmove", function(event) { event.preventDefault(); }, { passive: false } ); 其中e.preventDefault();会阻
鼠标滚轮失灵？教你几招快速修复的小技巧
最新发布
nntxthml的博客
10-03 2218
鼠标滚轮失灵是一个常见但令人烦恼的问题。然而，通过本文介绍的几种修复方法，我们可以快速有效地解决这一问题。无论是检查鼠标本身、调整鼠标设定还是更新鼠标驱动程序，都可以帮助我们恢复鼠标滚轮的正常工作。希望这些方法能够帮助到你，让你的电脑使用更加顺畅高效。
分享电脑鼠标滚轮不动的解决方法
qq_40427481的博客
07-07 1169
电脑鼠标是我们日常使用电脑时的重要工具，而滚轮作为鼠标的重要功能之一，经常被用于滚动页面、缩放图像等操作。然而，有时候我们可能会遇到电脑鼠标滚轮不动的问题，影响了我们的正常使用。本文将介绍电脑鼠标滚轮不动的常见原因，并分享解决方法，帮助读者快速恢复鼠标的正常功能。b. 轻轻滚动滚轮，用一张干净的纸巾或棉签沾湿少量酒精或清洁剂，清理滚轮周围的区域。鼠标内部尘垢：长时间使用后，鼠标内部可能会积累灰尘或污垢，导致滚轮无法自由滚动。d. 安装最新版本的鼠标驱动程序，可以从鼠标制造商的官方网站下载并安装。
鼠标滚轮失灵怎么办？
xitongzhijianet的博客
03-06 7721
鼠标是非常重要的一个外设，我们经常需要使用鼠标的滚轮来上下滚动浏览网页中的内容，非常方便。但是最近有用户发现自己的鼠标上下滚轮出现问题，操作不灵敏，这该怎么办？2、 展开至HKEY_CURRENT_USER\Control Panel\Dosktop，在右侧找到并双击打开“WheelScrollLines”；1、 同时按住Win+R键，打开运行，输入regedit，回车进入注册表编辑器；4、将电脑重启即可修复鼠标失灵的问题。3、将数值数据修改为3，点确定；针对windows电脑。
前端Html页面滚动条显示问题
海阔天空
04-23 5350
使用如下代码，可以ID为Boxformd     //预加载页面     $(function () {         $("#Boxform").height($(window).height() - 50);     });     $(window).resize(function () {         $("#Boxform").height($(window).heig
让ScrollViewer支持鼠标滚轮效果
飞鹰的专栏
10-29 5534
今天在做项目时，用到ScrollView控件，以实现在内容超过容器面板时出现滚动条。但是发现滚动鼠标滚轮，内容没有滚动。默认的，ScrollView竟然不支持鼠标滚轮效果。那就需要自己动手添加了。发现有两个支持鼠标滚轮事件：PreviewMouseWheel 和MouseWheel。开始试验的是MouseWheel事件，但是不起作用，后来用PreviewMouseWheel事件试验了一下，惊喜来了
滚动时显示滚动条，不滚动不显示
qq_57260058的博客
06-07 922
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> .content{ width: 200px; height: 150px; padding-left: 10px; border: 1px solid #ccc; overflow-...
DataGrid支持鼠标滚轮滚动记录
专注的力量
10-21 3365
http://www.mndsoft.com/blog/article.asp?id=901 在本站的VB源码《数据网格下拉列表框控件》中(链接地址：http://www.mndsoft.com/blog/article.asp?id=214)中，网友 taomaintao 提示支持滚轮鼠标，其实原本代码有已经有部分API代码意图支持鼠标滚轮，但可能作者后来没有加上。基于此，我找到一个解决办
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值