解决鼠标滚动时页面上下跳动的问题

2024-05-07 10:58:44

解决鼠标滚动时页面上下跳动的问题

前言

鼠标用的时间长了，用中间滚轮滚动页面时会出现上下窜动的情况，这一般都是滚轮编码器内有污物导致的。

一、拆开鼠标

1、准备一把螺丝刀和镊子。取下鼠标的电池。鼠标一般都有一个固定螺丝，在下盖上或电池低压，有些鼠标在某个垫脚内。

我拆开的这个双飞燕G3-200N鼠标的固定螺丝在电池低下。

取下螺丝后，试着错动上下鼠标盖，拆开卡扣，即可打开鼠标。

二、拆开滚轮编码器

1、先拆下滚轮：鼠标各有不同，但滚轮基本上都是卡在一个支架上的，向上搬一下就可以取下来。

2、取下电路板：拆开固定电路板的螺丝，把电路板从鼠标壳上取下来。

3、撬开包裹编码器的金属外壳，在金属外壳上都有四个角，用美工刀或别的宝铁片撬开。金属壳一般都是软金属，比较容易撬开的。

通常金属壳和编码器组建都焊死在电路板上，我们没有必要完全拆下来，毕竟拆焊电路板还是需要些其他技术的。

这里把编码器的滚轮部分和外壳掰开即可。

4、取出编码滚轮：先要用镊子取下前面的弹簧片，没有镊子用螺丝刀或别的什么好用的东西轻轻撬下即可。然后取出编码滚轮。

三、清理编码器

1、拆下编码滚轮后，可以看到蓝色塑料盘上有个圆圈形的电路结构，注意看，应该有些污垢在上面。

2、用镊子夹点面巾纸或用别的什么擦拭，总之把上面的污垢擦干净即可。顺道把编码滚轮的三个触点也清理一下。

3、清理完后，原路安装回去，一般都可以解决鼠标滚动时上下窜动的问题。

解决鼠标滚动时页面上下跳动的问题相关推荐

解决鼠标滚动的时候多次执行函数
有这种场景,鼠标滚动到页面的底部的时候,显示剩余的数据: 这种情况有时候会出现的错误是鼠标滚动的时候会多次触发,同样的多次执行ajax,调取数据: 解决的方法是:设置一个全局变量flag,当鼠标滚动事 ...
鼠标滚动时video中视频变为静音的问题
现象描述, 默认进入页面中,视频是静音播放,使用了muted. <video controls autoplay muted loop style="width:500px;" ...
nuxt页面跳转_nuxt 项目如何解决组件复用时页面不刷新的问题
组件复用会在两种情况下发生: 1.使用 keep-alive 时,页面再次跳转时,数据不更新每一次路由的切换都会导致页面被重新渲染,无论是各种钩子还是异步获取数据函数都会被执行,为了提高网站性能,可 ...
如何解决Java查看源代码时页面显示Source not found
1.产生背景: 在 1)想要看源码的时候 2)Debug过程中会出现 Source not found 页面,如下图所示: 2.产生原因: 原来就是用的那行代码是系统库里的,但是呢每次运行到那一行的 ...
鼠标滚动时判断向下滚动还是向上滚动
有时候需要用到,判断页面是向上还是向下滚动了,兼容比较低版本的浏览器如IE6.7等. 原理:拿当前的scrollTop和之前的scrollTop对比如果变大了,表示向下滚动(scrollTop值变 ...
滚动到页面底部自动加载内容
上网时经常会看到许多酷炫的网页,其中给我印象较深刻的是鼠标滚动到页面底部时会自动加载内容,一直都很好奇是怎么样做到的,于是自己也尝试着写了一下. 先上个完整代码吧: <!DOCTYPE html ...
镶套iframe 鼠标滚动无效解决办法
背景:frameset 外面镶套一个页面问题:IE鼠标滚动无效,chrome firfox 支持解决:内页传递给父页进行滚动代码: <script type="text/java ...
Swiper：无限循环滚动时出现空白页/页面内容不刷新
问题描述使用Swiper插件实现列表的无限循环滚动效果,记录遭遇的两个问题:①滚动到某页时界面显示空白:②用id唯一标识列表中需要动态改变的值,在改变某一id的div内容后,页面显示内容并未改变问 ...
html2canvas页面滚动时截图不全空白问题
一.问题 h5项目中有给上传的图片加天气.地理位置等水印信息需求,本来想用cavas画,但是代码又长又臭,样式也不那么灵活.然后想到用html2canvas,我可真是个小机智.在页面内容不多的页面上没 ...
处理ios软键盘弹起和收起时页面滚动问题
处理ios软键盘弹起和收起时页面滚动问题背景: 在开发添加主播功能时,页面底部需要弹出一个抽屉弹窗,点击抽屉上的输入框,会唤起软键盘,由于iOS的软键盘触发方式是将页面滚动,所以导致页面位置偏移 b ...

最新文章

热门文章