Navbar cache les ancres

Question

Je construis une application rails avec Bootstrap, mais la barre de navigation fixe cache le contenu que je saute à travers une ancre de hachage ajoutée à l'url. Fondamentalement, j'ai le même problème que ce poste explique: Fixed position navbar obscures anchors, et j'ai essayé de résoudre ce problème avec les codes js ci-dessous je trouve sur github:

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

Il fonctionne très bien quand je clique sur le lien dans la page de sauter à une ancre, mais échoue lorsque je clique sur un lien dans une autre page en essayant de rediriger vers une page avec un hachage dans l'URL comme http://mysite.com/ à http://mysite.com/posts/1#comment-5.

Je n'arrive pas à comprendre ce qui ne va pas avec le code js ci-dessus. S'il vous plaît, aidez, merci!

Answer 1

J'ai eu le même problème et je trouve la solution la plus simple était d'envelopper l'ancre dans une balise de section puis changer la feuille CSS pour lire:

section { 
    display: block; 
    padding-top: 40px; 
} 

Ensuite, vous n'avez pas besoin js et il fonctionnera quand vous sautez à cette section d'identification d'une autre page.