Плавная прокрутка при клике на якорь

Если ты попал на эту страницу, значит ищешь то, что искал и я однажды=)) А именно — прокрутка страницы при клике на ссылку с якорем по отношению ко всем блокам без привязки (то есть работать будет на любой странице, главное наличие якоря)

Мне понадобилось впервые этот способ замутить на вордпрессе и получилось не плохо, но потратить пришлось не много ни мало аж 30 минут на поиски данного чуда-скрипта. И так, записывайте:
1. Подключаем библиотеку Jquery (желательно скачать её и подключать локально)
<script type="text/javascript" src="//code.jquery.com/jquery-3.2.0.min.js"></script>
2. Вставляете этот код в подвал сайта перед закрывающим тегом </body>
<script type="text/javascript">
$(document).ready(function() {
$('a[href^="#"]').click(function(){
var el = $(this).attr('href');
$('body').animate({
scrollTop: $(el).offset().top}, 2000);
return false;
});
});
</script>

 

Ну вот и готово. Все отлично работает и прокручивается.

Предыдущая статья: JavaScript Front-end. Практическое занятие

---

---