-
Type: Bug
-
Resolution: Duplicate
-
Priority: Major - P3
-
None
-
Affects Version/s: None
-
Component/s: None
-
Labels:None
Try clicking on https://docs.mongodb.com/manual/reference/glossary/#std-term-accumulator. It should show "accumulator", but the page header covers it up.
This CSS fixes it for me on Chrome:
/* Page header is 64px + 45px = 109px. */
* { scroll-padding-top: 109px; }
This Stack Overflow question suggests "scroll-margin-top", but that didn't work for me: https://stackoverflow.com/questions/4086107/fixed-page-header-overlaps-in-page-anchors
Another small but nice improvement would be to bring back the yellow highlight:
:target { background: #ff9; }
This is especially helpful for anchors near the end of the page. If you try clicking either of these:
- https://docs.mongodb.com/manual/reference/glossary/#std-term-zlib
- https://docs.mongodb.com/manual/reference/glossary/#std-term-zone
The highlight makes it clear where you've landed, even though the page can't scroll any farther.