Плавная прокрутка с помощью JQuery

Question

У меня есть HTML-страницы и меню

Меню:

<div id="sidebar-wrapper"> 
    <ul class="sidebar-nav"> 
     <li> 
      <a href="#info">info</a> 
     </li> 
     ... 
    </ul> 
</div> 

Часть содержания:

<div id="info" class="row"> 
    <div class="col-lg-12"> 
      <h1>Title</h1> 
      <p>Lorem Ipsum</p>  
    </div> 
</div> 

И я хочу, чтобы добавить гладкой прокрутки страниц на якорь. Поэтому я пробовал:

$(document).ready(function($) { 

    $('a[href*=#]:not([href=#])').click(function() { 
     if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { 
      var target = $(this.hash); 
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); 
      if (target.length) { 
       $('html,body').animate({ 
        scrollTop: target.offset().top 
       }, 1000); 
       return false; 
      } 
     } 
    }); 

}); 

Но это не сработает. И свиток не гладкий.

Answer 1

Заменить функцию JQuery с этим:

$(function() { 
$('a[href*="#"]:not([href="#"])').click(function() { 
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { 
    var target = $(this.hash); 
    target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); 
    if (target.length) { 
    $('html, body').animate({ 
     scrollTop: target.offset().top 
    }, 1000); 
    return false; 
    } 
} 
}); 
});