JS Smooth Scrolling on Load 干扰 Smooth Scrolling on Click

Question

我是 JS 的新手，正在尝试使以下代码工作，以便主页在加载时自动滚动，而其他页面上的锚链接在单击时平滑滚动...

<script>

    $(function(){
    $('html, body').animate({
    scrollTop: $('.destination').offset().top
    }, 2000);
    return false;

    $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {

      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top
        }, 2000);
        return false;
      }
    }
   });
   });

</script>

如有任何帮助，我们将不胜感激！

谢谢，安德烈亚斯

Answer 1

因为你之前返回false是为了关闭函数。尝试：

 $(function(){
    $('html, body').animate({
    scrollTop: $('.destination').offset().top
    }, 2000);

    $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {

      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top
        }, 2000);
        return false;
      }
    }
   });
   });

JS Smooth Scrolling on Load 干扰 Smooth Scrolling on Click

JS Smooth Scrolling on Load interferes with Smooth Scrolling on Click

javascript

jquery

hyperlink

anchor

smooth-scrolling