jquery scroll szybkie pytanie

Question

Co zrobić żeby przy scrollowaniu w dół strona/widok zatrzymywała się np. 100px; wyżej (tak żeby zmieścić stick menu i nie zasłaniać treści <h1></h1>)

<script>  
        jQuery(function($)
        {
            //zresetuj scrolla
            $.scrollTo(0);
            
            $('#link1').click(function() { $.scrollTo($('.content'), 500); });
    </script>

Comments

A do innej kotwicy napiszesz nową funkcję?

Answer 1

Poszukaj raczej 'scroll to anchor'

Answer 2

Ostatnio zastanawiałam się nad tym przy tworzeniu nawigacji na swojej stronie :) Wystarczy zapisać w zmiennej wysokość twojego menu (lub offset jaki chcesz , np 100px)

var headerHeight = $(".navigation").outerHeight(); 

 a potem w funkcji przewijania, w animate odjąć tą wysokość

 'scrollTop':  $(target).offset().top - headerHeight

Cała funkcja do przewijania u mnie wygląda wygląda tak:

$(document).ready(function(){
    //Get the header height
    var headerHeight = $(".navigation").outerHeight();

    $('.navigation a, .footer__link').on('click', function(e) {
        e.preventDefault();
        var target = $(this).attr("href");
        
        $('html, body').stop().animate({
            'scrollTop':  $(target).offset().top - headerHeight
        }, 900, 'swing', )
    });
});