Sheryl's public fiddles
-
intra nave-bar with fixed header Pure CSS Solution
No-Library (pure JS), HTML, CSS, JavaScript
-
intra nave-bar with fixed header Pure CSS Solution
No-Library (pure JS), HTML, CSS, JavaScript
-
-
side effects ofbefore margin-height trick for fixed headers
No-Library (pure JS), HTML, CSS, JavaScript
-
side effects of margin-padding trick for fixed headers
tag that the anchor class is placed in changes link behaviour in the text.
-
esmxny2b
No-Library (pure JS), HTML, CSS, JavaScript
-
Scroll to an anchor given fixed position navbar
Uses JQuery to scroll an anchor link to the bottom of a fixed header. It does so without jank, and without obscuring the content under the header. Basically, it re-calculates the "yop" of the page (for the anchor link) to be the location just under the bottom of the header.
-
JS: Jump to an anchor when have a fixed position navbar
Uses vanilla JavaScript. On a site with a fixed header, and on-page anchor tag links, JS is used to correctly align the top of the anchored content to the bottom of the fixed header. No jank, no hidden content.
-
HRinterviewPractice-151113
Sheryl Hohman underscore preactice