Top fixed navbar zachodzący na nagłówki sekcji

Question

Hej :D

Tak jak w temacie. Dodawałem do każdej sekcji padding-top 78px(taką wysokość ma navbar), ale wtedy nie wygląda to zbyt estetycznie. Proszę o wskazówki w jaki inny sposób można rozwiązać ten problem ;-) 

Pozdrawiam i dziękuję z góry za pomoc!

 

Kod: https://github.com/devdave93/Weekly-WebDev-Challenge-2/tree/gh-pages

Answer 1

Problem jest w twojej funkcji JS, musisz odjąć wysokość swojego górnego nava na scrollTop, poprawiony JS poniżej:

 $(document).ready(function() {

     $('a[href^="#"]').on('click', function(event) {

         var target = $($(this).attr('href'));
         if (target.length) {
             event.preventDefault();
             $('html, body').animate({
                 scrollTop: target.offset().top - 78
             }, 1000);
         }
     });

 }); 
</script>

 

Comments

Wielkie dzięki za pomoc!  Teraz działa jak należy :D

---

Cieszę się że mogłem pomóc ;)