`
LiYunpeng
  • 浏览: 954555 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

Chrome浏览器内,多个同级的滚动条只有第一个好用的问题解决

阅读更多
先描述一下我的状况

今天写WebApp的页面的时候,因为页面中存在多个同级的块,而会根据窗口大小的变化,同级的块可能都会出现滚动条

但是发现滚动条只有第一个好用~,其他的都无法滚动,感觉很奇怪,与此同时,试了Safari、Firefox浏览器,都好用,后来有让同事拿同版本的Chrome浏览器在他的机器上访问发现也好用

把代码加了个鼠标滚轮事件监听,在回调响应方法中不执行任何代码,就是一个空回调方法,发现就好用。


以上就是我遇到的状况


后来分析了一下原因之后,觉得可能是浏览器的问题,也许是bug,也许是我浏览器安装插件的bug

最终,我再Chrome浏览器的配置中找到了一项
在Chrome浏览器地址栏中,输入chrome://flags/
找到Threaded scrolling这项内容
将它禁用掉,然后重启浏览器,问题解决。


这个配置描述了禁用此功能后,所有滚动事件都会交给主线程来处理,所以在大部分网站会影响到性能问题,不推荐,不过这个不清楚Google会什么时候来解决这个问题。
分享到:
评论

相关推荐

    chrome插件,可以帮助进行浏览器滚动截屏,并能进行编辑

    chrome插件,可以帮助进行浏览器滚动截屏,并能进行编辑 chrome插件,可以帮助进行浏览器滚动截屏,并能进行编辑 chrome插件,可以帮助进行浏览器滚动截屏,并能进行编辑 chrome插件,可以帮助进行浏览器滚动截屏,...

    解决win7中使用chrome浏览器打开网页字体模糊的问题

    如果以上方法都无法解决问题,可以尝试重置Chrome浏览器的设置。进入`chrome://settings/`,滚动到底部点击“高级”,找到“恢复默认设置”并确认执行。 通过以上方法,大多数情况下可以解决Windows 7环境下Chrome...

    chrome浏览器

    在性能方面,Chrome浏览器支持多进程架构,每个标签页运行在独立的进程中,这大大提高了浏览器的稳定性和安全性,因为一个标签页崩溃不会影响其他标签页的正常运行。此外,Chrome还拥有强大的JavaScript解析能力,...

    Google 浏览器Chrome 那么多进程怎么办?.docx

    Google 浏览器 Chrome 解决多进程问题 Google Chrome 浏览器在每次打开新标签页时,会在系统进程中加入一个新的 Chrome.exe 进程,这使得任务栏管理器中显示许多 Chrome.exe 进程,占用了很多内存空间。下面将介绍...

    自定义滚动条(兼容所有浏览器)

    - `::-webkit-scrollbar` 用于选择Webkit内核浏览器(如Chrome和Safari)的滚动条整体。 - `::-webkit-scrollbar-thumb` 选择滚动条上的滑块部分。 - `::-webkit-scrollbar-track` 选择滚动条的轨道部分。 - `::-...

    Chrome浏览器主页篡改解决方法

    Chrome浏览器主页篡改解决方法

    隐藏浏览器上的滚动条

    隐藏浏览器滚动条通常涉及到CSS(层叠样式表)的使用,下面将详细解释如何通过CSS实现这一功能。 首先,滚动条的隐藏主要通过CSS3的`scrollbar`属性来实现。这个属性允许我们自定义滚动条的样式,包括颜色、宽度、...

    chrome 浏览器跨域插件下载

    "chrome 浏览器跨域插件下载"这个主题正是针对这一问题,提供了能够帮助开发者解决跨域问题的工具。 Moesif Origin .crx 是一个Chrome浏览器的扩展插件,它主要用于调试和分析API请求,尤其是处理跨域问题时非常...

    Chrome浏览器硬盘版

    Chrome浏览器硬盘版是一款专为那些希望在不留下安装痕迹,并能随时随地使用浏览器的用户设计的解决方案。这个版本的Chrome浏览器不需通过传统的安装程序在计算机上进行安装,而是可以直接从一个可移动存储设备(如...

    72版本的chrome浏览器安装包

    Chrome浏览器是Google开发的一款免费、开源的网络浏览器,以其快速、稳定和安全性著称。72版本的Chrome浏览器是在2019年初发布的,包含了多项更新和改进,旨在提升用户体验和网页浏览的安全性。 首先,72版本的...

    C#提取Chrome浏览器Cookie值源码

    总的来说,`C#提取Chrome浏览器Cookie值源码`是一个实用的技术点,结合了`C#`编程、数据库操作、系统API调用和加密解密等多方面的知识。通过理解并应用这段源码,开发者可以提升自己在Web开发和自动化领域的技能。

    去浏览器滚动条代码

    ### 去浏览器滚动条代码知识点详解 #### 一、背景与需求分析 在Web开发过程中,有时我们希望页面能够呈现出一种全屏无边框的效果,或者为了保持设计的一致性和美观度,需要隐藏浏览器默认的滚动条。尤其是在制作...

    PC端Chrome浏览器扩展程序 模拟手机浏览器

    标题中的“PC端Chrome浏览器扩展程序 模拟手机浏览器”是指一种特定的Chrome浏览器插件,它能够让用户在个人电脑(PC)上使用Chrome浏览器时,模拟成移动设备的浏览器环境,以访问那些只对手机浏览器开放的网站或...

    chrome浏览器 for linux 32位

    总的来说,"Chrome浏览器 for Linux 32位"是一个专门为那些仍然运行32位Linux系统的用户提供浏览体验的解决方案。用户需要了解如何正确安装和管理这样的软件包,并时刻关注安全问题,因为官方支持可能会逐渐减少。...

    C# 封装的Chrome 浏览器

    本项目涉及的是利用C#封装Chrome浏览器,从而创建一个可以在桌面应用程序中嵌入的Web浏览组件。这一技术主要适用于混合式移动开发,允许开发者在桌面应用中集成现代Web技术,提供更丰富的用户体验。 首先,我们要...

    谷歌Chrome浏览器安装包(exe,两个版本)

    谷歌Chrome浏览器是由Google开发的一款网页浏览器,它于2008年9月发布第一个公开测试版,2010年12月正式发布。以下是Chrome浏览器的一些特点和功能: 特点 快速:Chrome浏览器采用了V8引擎,能够快速执行JavaScript...

    Chrome浏览器最新版本

    Chrome浏览器是Google开发的一款免费、开源的网络浏览器,以其快速、稳定、安全性高以及丰富的扩展插件而闻名。最新版本的Chrome浏览器通常会包含一系列的性能优化、安全更新和新功能,以提升用户的浏览体验。以下是...

    chrome浏览器安装到C盘以外

    因此,将Chrome浏览器及其相关文件迁移至非系统分区成为一种有效的解决方案。 #### 二、技术原理 要实现Chrome浏览器从C盘迁移到其他盘,需要借助Windows操作系统提供的`mklink`命令来创建目录符号链接。这种方法...

    chrome 浏览器加载activex

    Chrome浏览器是一款广受欢迎的网页浏览器,它以其稳定性和速度著称。然而,由于安全原因,Chrome默认不支持ActiveX插件,因为ActiveX主要在Internet Explorer中使用,它允许网页内容与用户的本地系统进行交互,这...

    Google Chrome 浏览器 70.0.3538.102_x64.zip

    至于"1",可能是压缩包内的一个错误或遗漏,通常应该包含更多的文件和文件夹,如安装指南、许可证文件、更新日志等。如果缺少这些文件,可能需要从官方渠道重新下载完整版的安装包。 总的来说,这个压缩包提供了一...

Global site tag (gtag.js) - Google Analytics