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.
Изабрано решење
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/
Прочитајте овај одговор са објашњењем 👍 0Сви одговори (6)
It seems to be because there is also this:
html, body {
...
height:100%;
If you add
body { height : auto ! important ; }
it works
Измењено од стране DaveRo
Thank you very much!!
Одабрано решење
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]