平滑滚动问题

时间:2018-03-14 13:47:38

标签: javascript jquery html css

我正在使用我从互联网上获取的代码,因为我还没有学过jquery和js。为了在我的页面上平滑滚动锚点,当它滚动时它只是一直滚动到页面的底部,因为它还不够长,而且有些部分只是很短。

我的问题是如何设置滚动结束?

$(document).ready(function(){
    // Add smooth scrolling to all links
    $("a").on('click', function(event) {

        // Make sure this.hash has a value before overriding default behavior
        if (this.hash !== "") {
            // Prevent default anchor click behavior
            event.preventDefault();

            // Store hash
            var hash = this.hash;

            // Using jQuery's animate() method to add smooth page scroll
            // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
            $('html, body').animate({
                scrollTop: $(hash).offset().top
            }, 900, function(){

                // Add hash (#) to URL when done scrolling (default click behavior)
                window.location.hash = hash;
            });
        } // End if
    });
});

0 个答案:

没有答案