The line "body{ margin-bottom: 1000px !important; }" in userConent.css (enables correct scrolling with PageDown at the end of a webpage) does not work in some sites, e.g. en.wikipedia.org. How can I get this work?
At the end of a webpage, scrolling with PageDown can cause unexpected motion of the text lines, if the number of the "screens" do not divide the height of the webpage. Adding extra space at the end of the page solves this. This can be done with the line
body{ margin-bottom: 1000px !important; }
in userContent.css. However, some sites (e.g. Wikipedia) are not affected.
Seçilen çözüm
In case you do not know...
If you want to limit css to specific sites you can do, e.g.
@-moz-document url-prefix(http://www.example.com/example_dir/) { css for this site/directory }
(There are other varieties of this construction too.
Even easier is to use the Stylish addon. https://addons.mozilla.org/en-US/firefox/addon/2108/
Bu yanıtı konu içinde okuyun 👍 0Tüm Yanıtlar (6)
It seems to be because there is also this:
html, body {
...
height:100%;
If you add
body { height : auto ! important ; }
it works
DaveRo tarafından tarihinde düzenlendi
Thank you very much!!
Seçilen çözüm
In case you do not know...
If you want to limit css to specific sites you can do, e.g.
@-moz-document url-prefix(http://www.example.com/example_dir/) { css for this site/directory }
(There are other varieties of this construction too.
Even easier is to use the Stylish addon. https://addons.mozilla.org/en-US/firefox/addon/2108/
This is very interesting! Thank you very much!
[The solution is the first reply, I don't know how to set this, but that's ok]