jquery 滚动屏幕

// HTML
<a href="#section1" class="scroll-link">Go to Section 1</a>
<div id="section1">Section 1 Content</div>

// jQuery
$(document).ready(function() {
    $('.scroll-link').click(function(e) {
        e.preventDefault();
        $('html, body').animate({
            scrollTop: $($(this).attr('href')).offset().top
        }, 1000);
    });
});

$(window).scroll(function() {
    if ($(window).scrollTop() > 100) {
        $('#navbar').addClass('sticky');
    } else {
        $('#navbar').removeClass('sticky');
    }
});

// HTML
<a href="#" id="scroll-to-top">Scroll to Top</a>

// jQuery
$(document).ready(function() {
    $('#scroll-to-top').click(function(e) {
        e.preventDefault();
        $('html, body').animate({ scrollTop: 0 }, 800);
    });
});