Почему мой jQuery с плавной прокруткой не прокручивает, а прыгает? - PullRequest
Новая
       7

Почему мой jQuery с плавной прокруткой не прокручивает, а прыгает?

0 голосов
/ 01 декабря 2018

Я работаю над сайтом.Я хочу иметь липкую строку меню, и когда вы нажимаете на ссылку, она прокручивается вниз до привязки.Тем не менее, это идет вниз, но не гладко.Я много чего перепробовал, но ни один из них не работал должным образом.Может кто-нибудь объяснить?Вот мой кодhttps://jsfiddle.net/ab47dL3z/

HTML: 

<div class="frontPage"></div>
<div class="menubar">
  <div id="links">
    <a href="#about">About</a>
    <a href="#line-up">Line-up</a>
    <a href="#floorplan">Floorplan</a>
    <a href="#tickets">Buy Tickets</a>
    <a href="#rules">Rules</a>
    <a href="#sponsors">Sponsors</a>
  </div>
</div>


<div id="container">
  <div id="about"></div>
  <div id="line-up"></div>
  <div id="floorplan"></div>
  <div id="tickets"></div>
  <div id="rules"></div>
  <div id="sponsors"></div>
</div>

jQuery: 

$('a').click(function() {
  $('html , body').stop().animate({
    scrollTop: $('[name="' + this.hash.substr(1) + '"]').offset().top + 
$(window).scrollTop()
  }, 500);
  return false;
});
...