Плавная прокрутка до прорезанного якоря - PullRequest
Новая
       41

Плавная прокрутка до прорезанного якоря

0 голосов
/ 05 сентября 2018

У меня есть меню с косыми хэштегами - я сделал это, чтобы перейти со второй страницы на первую с помощью меню (если я использую только хэштеги, это не работает). Первые три элемента моего меню расположены на первой странице, и когда я на этой странице, я хочу плавно перейти к этим частям, но мой код не работает. 

 $('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>
...