One of my readers – Sammy – sent me an email just a few minutes ago that told me of a problem that several Firefox 3 users were having when scrolling websites with large fixed background images. The scrolling was choppy, example sites where this occurred can be found here, here and here. If you are one of the unfortunate with that issue you can fix it quite easily.
The solution was first posted by Alwyn on Deviant Art. All that needs to be done is to add a line of code to the Firefox userContent.css in the chrome folder. Check the official Mozilla website that explains how to find that folder in various operating systems.
Once located open the file in a text editor and paste the following lines at the end of it. If you do not have a file that is named userContent.css yet but one that is named userContent-example.css remove the -example part of the file first and add the lines afterward. Firefox 3 has to be closed for this.
/* Smooth Scrolling Workaround: Disable Fixed Background Images on Pages */
body {
background-attachment: scroll !important;
}
There is a second solution that might help some: Uninstalling and installing Flash might help as well. Use the official Adobe uninstaller and installer to do that. Make sure Firefox is closed during the uninstallation and installation.
Related posts:
Grab and Drag Scrolling in FirefoxRedesign Google Web Search with Firefox
Scroll smoothly in Firefox
Change how Firefox displays Websites
Firefox Bookmarks Gone ! What now ?
12 Responses to “Fix Choppy Scrolling in Firefox”
Trackbacks/Pingbacks
-
[...] arba didelis fono paveikslėlis. Šiai problemai išspręsti yra sprendimas, kurį radau Ghacks.net. Jeigu ir jums stringa įvairūs puslapiai, Šmaižys.lt taip pat, tai pamėginkite aprašomus [...]
Thank you very much! The same problem I had too. ;)
“with large fixed background images.”
I always hated those, decided to block css backgrounds :/
That solution made the scrolling better, but not completely smooth for me (especially on the second Example)
Actually what did the fix for me is to go into tools – options – advanced – general tab – check the Use smooth scrolling box…worked for me… ;)
Brilliant! That’s what I call A tip! Thanks, danke, merci!
Completes very well with ‘Yet Another Smooth Scrolling’ FF extension : now all pages slide like skis on snow, wunderbar!
i’ve actually got *two* of these userChrome-example.css files. one is 1KB and the other is 2KB. does it matter which one i modify?
If they are located in the same directory one is named userContent instead. If they are in different directories they belong to different profiles.
i closed firefox 3, removed the “-example” from the title of the userContent-example file, pasted the above code into it (replacing the message that was in there, is that right?), and saved. nothing has changed.
scrolling is really wacky, and in fact, there’s now a cursor on every web page as if it were a word file. is that a new feature of FF3? i’ve tried every combination of autoscrolling, smooth scrolling, etc, but my up and down arrow keys are only partially functional in firefox, and the page up and page down keys either don’t respond, or act like the End key. ideas?
Tried both, still have the problem.
this worked for me. :)
go to control panel. click display.
click the appearance tab.
click the effects button.
unclick the box that says “Use the following transition effects for menus and tooltips:”
make sure all the other boxes are checked, and the drop-down menu for “Use the following method to smooth edges of screen fonts:” says “Standard”.
seems when you disable the transition effects, the problem with choppy scrolling is corrected.
hope this helps.
cheers!
Tried both solutions too, didn’t fix it. But the scrolling is slightly better if I dont switch tabs for a while..