Question

我有一个带有斜线哈希糖的菜单-我已经做到了，所以我可以使用菜单从第二页转到第一页（如果仅使用＃标签，则无法正常工作）。菜单的前三个元素位于第一页上，当我位于此页面上时，我想平滑地滚动到这部分，但是我的代码无法正常工作。

 $('a[href^="#"]').click(function () {
            elementClick = $(this).attr("href");
            elementClick = elementClick.substr(1);
            destination = jQuery(elementClick.split("/")[1]).offset().top;
            if($.browser.safari){
                $('body').animate( { scrollTop: destination }, 1100 );
            }else{
                $('html').animate( { scrollTop: destination }, 1100 );
            }
        return false;
        });

任何想法如何改变它？还是不可能，我只是在浪费时间？希望你能帮助我！

<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <ul class="navbar-nav">
    <li class="nav-item">
      <a class="go_to" href="/#about-us">ABOUT US</a>
    </li>
    <li class="nav-item">
      <a class="go_to" href="/#about-course">COURSE</a>
    </li>
    <li class="nav-item">
      <a class="go_to" href="/#buy-a_course">BUY A COURSE</a>
    </li>
  </ul>
</nav>
<div class="about-us" id="about-us">
  blah blah blah
</div>
<div class="about-us" id="about-course">
  blah blah blah
</div>
<div class="about-us" id="buy-a_course">
  blah blah blah
</div>

平滑滚动到斜杠

0 个答案: