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]