I have an html page that i must not modify, and everything i do it must be done with CSS.
I hava 4 "section" tags in the html page, and on the top of that page there is a navigation bar. Each element of the bar is an internal link (page jump) to a specific section of the same page.
Normally, when i click on one of these links, the first row of the suitable section will appear on top of my page.
But i have modified the position of the navigation bar, so it will always stay on top (position:fixed).
So when i click on 1 section button, the first row (and 1 or 2 more rows) of the chosen section, are covered by my navigation bar ... :(
What i want is a solution, so when i click one option on my navigation bar, then the first rows of the selected section will not appear on the top of the screen, but just under my bar.
If some code is necessary, please ask specific parts, because it is long enough. It would be best if you could build a simple demo that exhibits the issue you are describing. If you can't do that, then a simple page showing the overall structure (i.e. the navbar and the four sections, and any surrounding elements etc.) along with the CSS that is relevant to the included structure.
以上就是CSS: Top of page after page jump.的详细内容，更多请关注web前端其它相关文章！