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]