Javascript 平滑滚动至顶部&;隐藏<;部门>;点击

Javascript 平滑滚动至顶部&;隐藏<;部门>;点击,javascript,jquery,Javascript,Jquery,因此,当你点击“返回顶部”箭头时,它可以很好地工作,它隐藏了菜单,但我只想让它在点击后平滑地滚动到页面顶部。你可以测试一下我目前拥有的东西,只需重新调整宽度,使你处于移动视图(其响应)中,然后单击右上角的“菜单”图标查看箭头 这是HTML <div class="col_4 no-padding"> <a href="/"> <img class="logo" src="img/clear.gif" alt="RAC-Engineering - Stru

因此,当你点击“返回顶部”箭头时,它可以很好地工作,它隐藏了菜单,但我只想让它在点击后平滑地滚动到页面顶部。你可以测试一下我目前拥有的东西,只需重新调整宽度,使你处于移动视图(其响应)中,然后单击右上角的“菜单”图标查看箭头

这是HTML

<div class="col_4 no-padding">
  <a href="/">
    <img class="logo" src="img/clear.gif" alt="RAC-Engineering - Structural Engineer Buffalo NY">
  </a>
  <a class="nav-toggle"><span class="mobile-nav-toggle mobile-only"></span></a>
  <a class="nav-toggle2 hidden"><span class="mobile-nav-toggle mobile-only"></span></a>
</div>
<div class="col_8 no-padding last">
  <nav id="nav" class="nav mobile-hide">
    <ul>
      <li><a href="#" class="active">Projects</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Contact</a></li>
      <li><a href="#">Links</a></li>
      <li><a href="#">Estimate</a></li>
      <li class="top mobile-only"><a href="#"></a></li>
    </ul>
  </nav>
</div>

谢谢你的帮助

我刚刚在你的网站上测试了这个:

$("html, body").animate({ scrollTop: "0px" });

你可以在这里阅读
.animate()

我刚刚在你的网站上测试过这个:

$("html, body").animate({ scrollTop: "0px" });

您可以在此处阅读有关
.animate()
的信息:

看起来不错,谢谢!哇,那很简单!非常感谢。哇,那很简单!