锚点跳而不是平滑滚动

debugcn 发表于 Dev

MKDesigns

由于某些原因，当我单击与导航菜单上的“主页”相同的锚点链接的徽标图像时，它会跳转，而不是像单击“主页”时那样平滑滚动。

有人知道为什么会这样吗？我该如何纠正呢？提前致谢：）

  <!-- LOGO -->
    <div class="logo pull-left">
        <a href="#home"><img src="images/logo.png" class="logo" alt=""></a>
    </div>
    <!-- //LOGO -->


    <!-- MENU -->
    <div class="pull-right">
        <nav class="navmenu center">
            <ul>
                <li class="first active scroll_btn"><a href="#home">Home</a></li>
                <li class="scroll_btn"><a href="#about">About Us</a></li>
                <li class="scroll_btn"><a href="#projects">Products</a></li>
                <li class="scroll_btn"><a href="#team">Team</a></li>
                <li class="scroll_btn"><a href="#news">News</a></li>
                <li class="scroll_btn last"><a href="#contacts">Contact</a></li>
            </ul>
        </nav>
    </div>
    <!-- //MENU -->

Praveen Kumar Purushothaman

将此添加到您现有的就绪函数中：

$(document).ready(function () {
  $(".logo a").click(function (e) {
    e.preventDefault();
    $('body, html').animate({
      scrollTop: 0,
      scrollLeft: 0
    }, 500);
  });
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。