
Smooth Scrolling with 60fps
大小:49.68KiB版本:v 1.5更新时间:2021-12-21
Fix position:fixed by adding transform:translateZ(0) to element. For smooth scrolling with 60fps.
Smooth Scrolling with 60fps 的使用方法详解,最全面的教程
Smooth Scrolling with 60fps 描述:
用户数:1000
分类:无障碍插件
扩展大小:49.68 KiB
最后更新时间:2021-12-21
版本:v 1.5
Smooth Scrolling with 60fps 插件简介:
这是来自Chrome商店的 Smooth Scrolling with 60fps 浏览器插件,您可以在当前页面下载它的最新版本安装文件,并安装在Chrome、Edge等浏览器上。
Smooth Scrolling with 60fps插件下载方法/流程:
点击下载按钮,关注“扩展迷Extfans”公众号并获取验证码,在网页弹窗中输入验证码,即可下载最新安装文件。
Smooth Scrolling with 60fps插件安装教程/方法:
(1)将扩展迷上下载的安装包文件(.zip)解压为文件夹,其中类型为“crx”的文件就是接下来需要用到的安装文件
(2) 从设置->更多工具->扩展程序 打开扩展程序页面,或者地址栏输入 Chrome://extensions/ 按下回车打开扩展程序页面
(3) 打开扩展程序页面的“开发者模式”
(4) 将crx文件拖拽到扩展程序页面,
完成安装如有其它安装问题,
请扫描网站底部二维码与客服联系如有疑问请参考:
https://www.extfans.com/installation/This extension optimizes scrolling performance by adding transform:translateZ(0) to layers with position:fixed. this triggers hardware-acceleration and makes scrolling more fluid.
in the options page you can turn features on and off and decide if you prefer speed or effects.
I also managed to apply this trick to the real chromium.app, so you can try it as a "native" chrome feature without the extension. for the brave ones here is a beta to download from my dropbox: (its latest chromium compiled with the patch). https://www.dropbox.com/s/cesnf1ekte8kwmn/Chromium.app.zip?dl=0
The screenshots show the difference of the extension in action. See comments in the adressbar of the screenshots.
a) unoptimised, lot of green repaint areas, b) with extension enabled, still scrollbar is green. c) alternative with patched chromium.app where scrollbar is hidden, and no green repaints at all.
I try to commit the patch (actually only 2 Lines of Code) to the official chromium git, but it might take a while to get access and get it approved. but in some weeks it might be part of normal chrome.app, so everybody can benefit from better scrolling experience.
the code of this extension is also available on github:
https://github.com/ayurmedia/fixfixed
v0.1: initial
v0.2: bugfixes
v0.3: performance improvements + bugfixes.
v0.4: fixed typo in comments
v0.5: code cleanup and bugfixes, hopefully last version for today ;)
v0.6: cleanup , optimizations
v0.7: code optimization
v0.8: implemented icon + badge-number for improved divs, also new options-page
v0.9: optimized default setting.
v1.0: reading css directly now and patching css. much more efficient and less false detect.
v1.1: bugfixes, better parsing of css, respecting media-queries, reapplying transforms to reduce false positives.
v1.2: bugfixes for subpixel-antializing. translateZ(0) forces grayscale antializing, so the css is now only applied during scrolling and removed when scrolling is finished. (during reading).
v1.4: improved, option to turn off antializing fix which is faster, option for delay of antilizefix in milliseconds. (see options)
This extension also works great in combination with "SmoothScroll" Extension: https://chrome.google.com/webstore/detail/smoothscroll/nbokbjkabcmbfdlbddjidfmibcpneigj
v1.5: update permission tabs, options page now checkboxes. more stable stylesheet detection
Please rate the extension and give feedback und bug-reports, this helps me to improve the extension.
Greetings,
Daniel