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.
Solución elegida
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/
Leer esta respuesta en su contexto 👍 0Todas las respuestas (6)
It seems to be because there is also this:
html, body {
...
height:100%;
If you add
body { height : auto ! important ; }
it works
Modificadas por DaveRo el
Thank you very much!!
Solución elegida
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]