【Chrome】Chrome开启平滑滚动

于 2023-08-07 09:44:04 发布
阅读量1.6k 收藏 2
点赞数
文章标签： chrome 前端
原文链接：https://zhuanlan.zhihu.com/p/574880753
版权

Chrome如果需要开启类似于Edge浏览器那种平滑滚动的感觉，需要在Chrome://flags中开启相关选项。

2021-05-02更新：

在flags中找到

Impulse-style scroll animations

Percent-based Scrolling

设置为enable，重启浏览器即可。

2022-08-01更新：

Chrome新版本更改了选项，现在只需要搜寻

Windows Scrolling Personality

设置为enable，重启浏览器即可。

【注意】不能与Smooth Scrolling选项同时启用

江奈河
关注
谷歌浏览器平滑滚动扩展smoothscroll.zip
07-19
谷歌浏览器平滑滚动扩展 扩展安装页面https://chrome.google.com/extensions/detail/nbokbjkabcmbfdlbddjidfmibcpneigj 特性 - Picasa-like smooth scrolling- Mouse wheel, middle mouse and keyboard support- Arrow keys, PgUp/PgDown, Spacebar, Home/End- Customizable step sizes, frames per second and more...- Works with embedded content (PDF, flash)- Full touchpad support- Excluded pages list参与者 - Patrick Brunner  (original idea) - Balazs Galambosi (maintainer) - Michael Herf     (pulse algorithm)
chromeSmoothScroll:chrome浏览器的平滑滚动
05-25
chromeSmoothScroll chrome浏览器的平滑滚动（小于2 KB） 用法 只需添加js，就完成了！ [removed][removed] 演示 尖端 如果您想针对特定的操作系统进行顺畅的滚动，则可以尝试以下操作- var OS = { isWindows : function ( ) { return navigator . appVersion . indexOf ( "Win" ) != - 1 } , isMac : function ( ) { return navigator . appVersion . indexOf ( "Mac" ) != - 1 } , isUnix : function ( ) { return navigator . appVers
微软为 Chrome 带来更流畅的页面滚动效果，来自 Edge
cpongo5
03-11 406
开发四年只会写业务代码，分布式高并发都不会还做程序员？ >>> 我们都知道微软新版 Edge 浏览器...
Chrome开启平滑滚动
weixin_34353714的博客
07-21 564
2019独角兽企业重金招聘Python工程师标准>>> ...
Chrome开启平滑滚动 缓动滚动
大连 云鹏
01-05 592
地址栏里输入 chrome://flags/ 里面有配置
如何启用Chrome的平滑滚动功能
weixin_34146805的博客
08-15 1595
各位 Google Chrome 用户有福了，其内置了一个隐藏的平滑滚动功能。之前我还在使用鼠标驱动程序提供的平滑滚动，无意发现 Chrome 也内置了平滑滚动，可以在用户使用键盘、触摸屏或鼠标上、下滚动网页时获得非常平滑的视觉过渡效果，有兴趣的朋友可以通过下面文中步骤来激活。 Google 作为一个前沿技术的领衔公司，其 Chrome 浏览器也配备了...
chrome手势插件-crxMouse-4.4.4_0
05-07
5. **平滑滚动**：为了提供更流畅的浏览体验，crxMouse插件还实现了平滑滚动功能，使得页面滚动更加自然，减少了滚动过程中的卡顿感。 6. **标签页列表**：此功能可能是指提供一个可视化的标签页管理界面，让用户...
PREFiX：简洁，易用的Chrome饭否客户端
01-28
平滑滚动效果 支持将粘贴板中的图像数据直接上传到饭否 版本0.3.0 自定义尾巴 在地址栏查看时间线和发布消息 自动抛弃缓存功能（改善性能） 生日提醒 界面放大功能 显示使用技巧 一键设置尾巴 发布页面加入@自动补全...
平滑滚动60fps「Smooth Scrolling with 60fps」-crx插件
03-15
平滑滚动60fps。 该扩展通过将transformZ（0）添加到position：fixed的图层来优化滚动性能。这触发硬件加速并使滚动更流畅。 在选项页面中，您可以打开和关闭功能，并决定您是否喜欢速度或效果。 我也设法把这个技巧...
Chrome:trade_mark:键盘控制「Keyboard Control for Chrome:trade_mark:」-crx插件
03-21
书签）v8.8错误修正（滚动）v8.3多链接打开器v8.0添加了一些命令v7.0平滑滚动屏幕截图v6.1添加了显示时钟v5.0添加了获取文本v4.3添加了扩展管理器**********注意********** Google不允许扩展在内置的基础上运行-在...
stop-smooth-scrolling:停止平滑滚动（Google Chrome扩展程序）
05-23
停止平滑滚动 当网站使用JavaScript进行仿真时，停止平滑滚动。 安装 这个怎么运作 将addEventListener()与useCapture标志一起使用，然后再使用preventDefault()以避免初始化平滑滚动。 它应该能够阻止几乎所有情况，但是如果不起作用，您可以设置白名单。 执照 BSD 3条款许可。 请阅读文件。
simplr-smoothscroll, 在所有浏览器中，平滑滚动.zip
09-18
simplr-smoothscroll, 在所有浏览器中，平滑滚动 simplr-smoothscroll 演示程序要求jquery鼠标滚轮用法$(function () { $.srSmoothscroll({ // defaults step: 55, sp
锚点定位垂直滚动jQuery完美布局平滑滚动
10-30
锚点定位垂直滚动jQuery完美布局平滑滚动 适用浏览器：FireFox、Chrome、Safari、Opera、傲游、搜狗. 不支持IE8、360、世界之窗。 查看效果：http://www.juheweb.com/js/gddm/33.html
平滑滚动显示任意长文本例程.e.rar
03-12
平滑滚动显示任意长文本例程.e.rar
crxMouse Chrome:trade_mark:手势「crxMouse Chrome:trade_mark: Gestures」「crxMouse Chrome:trade_mark: 手势」-crx插件
03-08
功能包括:鼠标手势,超级拖曳,滚轮手势,摇杆手势,平滑滚动,标签页列表等. crxMouse Chrome:trade_mark: 手势具有精彩的功能，实现鼠标导航，这些应用包括： ★ 鼠标手势、超级拖拽、平滑滚动手势和摇杆手势 ★ 完全可...
浏览器原生支持平滑滚动
weixin_33701564的博客
10-22 430
原文地址：www.zhangxinxu.com/wordpress/?…浏览器从去年年底开始，已经开始支持浏览器的原生平滑滚动定位，CSS scroll-behavior属性和JS scrollIntoView()方法都可以。一、CSS scroll-behavior与平滑滚动scroll-behavior:smooth写在滚动容器元素上，可以让容器（非鼠标手势触发）的滚动变得平滑。我们先看一个实...
android chrome 滑动,【自问自答模范帖】Android，chrome 中如何实现滑动，左右滑动...
weixin_39815943的博客
05-27 323
用的 appium 1.2.0 版本1.TouchAction 失败一开始使用的 TouchAction(driver).press(x=150, y=100).move_to(x=250, y=100).release().perform()失败，总是 404，查询了一些资料说 chrome 下是不支持 TouchAction 的2.mobile: swipe 失败driver.execute_...
CSS中关于滚动条样式设置的代码实例
热门推荐
weixin_42839080的博客
08-11 4万+
因为在模拟开发冒险岛2游戏官网的时候,遇到一个关于滚动条样式设置的问题,如果我们不设置滚动条的样式,那么如下图所示:(特别丑陋) 但是在冒险岛的官网上呈现的样式却是: 明显感觉到视觉上的不同,那么现在我们就来设置滚动条的样式: 在所有浏览器，滚动条可定制性最强的当属webkit内核的浏览器了。因为源代码开放的原因，市面上基于webkit内核的浏览器也是很难穷举完。例如有：Goo...
添加滑动条左右滑动
OnismYY的博客
12-16 243
添加样式 :style="{'width': '100%', 'white-space': 'nowrap','overflow-x': 'auto','-webkit-overflow-scrolling':'touch',}"
chrome我发打开axcure生成的html
最新发布
12-27
当你使用Chrome浏览器打开Axure生成的HTML文件时，你会发现页面加载速度非常快，并且页面元素的展现非常清晰。Chrome浏览器具有强大的页面渲染能力和优化的性能，因此能够很好地展现Axure生成的HTML页面。在Chrome浏览器中，你可以通过简单的点击和滚动来浏览Axure制作的交互原型，而且页面的响应速度非常快，给用户带来了流畅的体验。 此外，Chrome浏览器还提供了丰富的开发者工具，包括调试工具、性能分析工具等，这些工具可以帮助开发者更好地分析和优化Axure生成的HTML页面的性能。通过Chrome浏览器的开发者工具，你可以检查页面的加载性能、排查页面中的错误等，可以帮助你更好地了解页面的运行情况，并且可以进行实时的调试和修改。 总的来说，使用Chrome浏览器打开Axure生成的HTML页面，会让你体验到快速、流畅、清晰的页面展现，以及丰富的开发者工具带来的便利。Chrome浏览器的优秀表现，使得它成为了展示和调试Axure生成的HTML页面的一个理想选择。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值