Force whole pages to scroll?
I've had a lot of trouble with newer web sites which don't scroll right.
First, many of them contain elements, such as a top bar, which won't scroll with the rest of the page. Depending on the size and position, this is distracting, and this means the scrolling and non-scrolling parts sheer against each other too close to the middle of the window. This can cause extra eye strain.
Second, many of them contain elements, such as a top bar which changes size when I start scrolling, or items which pop up in the corners, which will animate. This can cause migraines.
If I can force whole pages to scroll as one unit, without these sheer effects and animation effects, it would reduce my eye strain, avoid some of my migraines, and replace several ad-hoc fixes.
Any idea how to do this?
All Replies (9)
Weird page, something went wrong here.
You could try Copy/Paste force to scroll also try scroll (you will know why i asked you to copy/paste when go to the site and try and go back)
There are a few here, you will need to check if serves your purpose. https://addons.mozilla.org/en-US/firefox/extensions/
Please let us know if this solved your issue or if need further assistance.
What site?
I currently use page up and page down buttons on my mouse, and use Scroll+ with the middle button on my mouse. I don't have many options; MacOS doesn't let me use wider scrollbars, and my tendons can't handle scrollwheels or trackballs or the like.
I don't know what scrolling tools you're referring too: "Copy/Paste force to scroll"? "scroll"?
I tried Autoscroll but it did NOT block "dynamic content." None of the other descriptions even suggest they avoid sheer and/or block animation.
TyDraniu said
Try this => https://alisdair.mcdiarmid.org/kill-sticky-headers/
Yep, that Bookmarklet works pretty good. But in this forum it won't "kill" the one that initially loads, only the smaller header that loads once I start scrolling down the page.
This is a hard problem to solve.
I personally only remove fixed position elements when needed, and I use this year-old userscript : Unfix Fixed Position Element on Firefox Context Menu. (Three Firefox extensions can run userscripts: Greasemonkey, Tampermonkey, and Violentmonkey. Since Firefox 57, Greasemonkey has changed and many older scripts don't work.)
Commenters have pointed out a number of shortcomings of the script, including not keeping track of what was "unfixed" and repeating it on every page. Also, it adds a attribute to the HTML tag of whatever you right-click, which is annoying if you need to copy the source code of that area. (Maybe that only bugs me.)
When there are fewer other things to work on, I hope to improve it.
Also considering "Disable Transitions and Animations" and "Sticky Ducky":
https://addons.mozilla.org/en-US/firefox/addon/no-transition/
https://addons.mozilla.org/en-US/firefox/addon/sticky-ducky/
As for the top bars themselves, another solution might be to move the tab list and/or the bookmark toolbar to the side, if they're narrow enough.
Would like to test 57+, but not all the tools I need, nor replacements for all the tools I need, are available on it.
MarjaE said
What site? I currently use page up and page down buttons on my mouse, and use Scroll+ with the middle button on my mouse. I don't have many options; MacOS doesn't let me use wider scrollbars, and my tendons can't handle scrollwheels or trackballs or the like. I don't know what scrolling tools you're referring too: "Copy/Paste force to scroll"? "scroll"? I tried Autoscroll but it did NOT block "dynamic content." None of the other descriptions even suggest they avoid sheer and/or block animation.
as per my post :
in the search box type scroll
Please let us know if this solved your issue or if need further assistance.
Unstck! still requires clicking once for each page, and Unfixed Fixed Elements only works on Medium so far:
https://addons.mozilla.org/en-US/firefox/addon/unstickall/
https://addons.mozilla.org/en-US/firefox/addon/unfix-fixed-elements/
This website uses JavaScript to achieve this and adds "scroll-header" to the class attribute, so there are more ways to make such fixed content appear. You can see this in action if you open the Inspector and select the body element. If you start with the top of the page and scroll down slowly then you will notice that the body element gets updated (flashes brown for me) and scroll-header will appear in the value of the class element.
I use this code in userContent.css to fix this bar and give it a lower opacity.
You may need to adjust the padding-top in case of glitches.
@-moz-document domain(support.mozilla.org){ body.scroll-header{padding-top:45px!important} body.scroll-header>header{visibility:collapse!important;opacity:0} body.scroll-header>header:hover{opacity:1} }