Fix position:fixed by adding transform:translateZ(0) to element. For smooth scrolling with 60fps.
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
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
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