Scroll to element should adjust for fixed top navbars height

[ktwalrus]

I have a navbar-fixed-top navbar. Links that include "scroll to id" (as in href="#myid") don't adjust scroll position to account for the 50px of the navbar.

Can you add some JS to detect this situation on the URL and adjust the scroll position back by the height of the navbar?

[cvrebert]

Duplicate of #4153, although the closing rationale there could use clarification; could be ripe for a revisit.

[cvrebert]

Related, with some additional stabs at JS solutions: #1768

[PragTob]

I believe the bootstrap home page handles this quite well, so how about adding support in? :-)

[aerickson]

A fix for this would be sweet. :)

[mdo]

Unless this is bound to the scrollspy plugin, I see no reason to solve this particular problem with another plugin in Bootstrap. Add padding to the top of your linked sections, or write your own JS to adjust for the scroll.

[mdo]

Reopening this for consideration in v3.

[fat]

nah not for v3 – it's not too hard though - stackoverflow

[Znakek]

This workd for me, you needed a timeout for this code to work.

$(document).ready(function(){
var shiftWindow = function() {
scrollBy(0, -50)
};
if (location.hash) {
setTimeout(function(){
shiftWindow();
}, 10);
};
window.addEventListener("hashchange", shiftWindow);
});