Fix position:fixed by adding transform:translateZ(0) to element. For smooth scrolling with 60fps.

Latest Version

Version
1.7
Update
November 3, 2022
Size
49.71KiB
Developer
unterberger.media
Category
Users
2,000+
Rating
4.34211 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
See more

Smooth Scrolling with 60fps Extension

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.

v.1.7 removed tabs permission

v1.6 Upgrade to Manifest v3

Please rate the extension and give feedback und bug-reports, this helps me to improve the extension.

Greetings,
Daniel
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Smooth Scrolling with 60fps", "short_name": "fixfixed", "description": "Fix position:fixed by adding transform:translateZ(0) to element. For smooth scrolling with 60fps.", "version": "1.7", "manifest_version": 3, "options_page": "options.html", "permissions": [ "storage" ], "host_permissions": [ "http://*/*", "https://*/*" ], "content_scripts": [ { "run_at": "document_start", "matches": [ "http://*/*", "https://*/*" ], "css": [ "content.css" ], "js": [ "content.js" ], "all_frames": false }, { "run_at": "document_end", "matches": [ "http://*/*", "https://*/*" ], "js": [ "content.end.js" ], "all_frames": false } ], "background": { "service_worker": "background.js" }, "action": { "name": "Click to toggle Smooth Scrolling" }, "web_accessible_resources": [{ "resources": [ "background.css" ], "matches": [ "http://*/*", "https://*/*" ] }], "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAu4SN9MDMPChE9uwgOO/tUkmimmGxoZesict879XoTKiyDM485FRld17+mqZfoohf+wU5f6s9stdFQUpSwAnXUl8m8a/uw8Uq47cXLeGDWf8nJBEJ4yUKPuRnKF/SIpT9hGSvbqrucTheOfmpi6rfle+MZQqad+cfOjignJI143qBcnP2kq5z+M+GMStl/EykOrpWQ3y55WQ9Fxx/dDRE+MDWsEJa7FI/uggL0IC6LSNASr+DiiR544J33n7vhMAC9WM/VGPbFFA/ndWos7uF3XmEjTj2FuWbuAx/dy06iTVMfP3htDLz6ffjGONrqOr+PE7bLEJcRR1r3ItmueGTSwIDAQAB", "icons": { "128": "icon128.png", "16": "icon128.png", "48": "icon128.png" }}
Read more