jQuery平滑滚动以锚定在不同的页面上[关闭]

Question

关闭。 这个问题需要调试细节。 它目前不接受答案。

---

想改善这个问题吗？ 更新问题，使其成为 Stack Overflow的主题。

2年前关闭。

改进这个问题

如果一个元素链接到同一页面上的锚点，我的 jQuery 平滑滚动可以工作，但是当链接到不同页面上的锚点时，它不会平滑滚动。

我的 jQuery 脚本有什么明显的问题吗？

<script>
jQuery(function($) {

    // //////////////////////// Smooth Scroll To Specific Element On Page ////////////////////////

    $(document).ready(function() {
        $('a[href^="#"]').not('.carousel-control-prev').not('.carousel-control-next').bind('click.smoothscroll', function(e) {
            e.preventDefault();

            var hash = this.hash;

            jQuery('html, body').animate({
                scrollTop: jQuery(hash).offset().top - 65
            }, 1500, function(){});
        });
    });

    //////////////////////// Smooth Scroll To Specific Element On Different Page ////////////////////////

    $(document).ready(function(){
        var urlHash = window.location.href.split("#")[1] || false;
        if (urlHash.length > 0)
            $('html,body').animate({
                scrollTop: $('#' + urlHash).offset().top - 60
            }, 2500);
    });

});
</script>

Answer 1

以下示例代码提供了所需的功能：

$(document).ready(function () {
    var urlHash = window.location.href.split("#")[1];
    if (urlHash &&  $('#' + urlHash).length )
          $('html,body').animate({
              scrollTop: $('#' + urlHash).offset().top - 60
          }, 2500);
});

请注意，如果该 URL 已经被访问过，浏览器将自动跳转到哈希而不显示动画，然后为了重现我们需要清除缓存的行为，如果我们打算这样做，则解决方法可以是实现清除缓存功能再次显示动画。