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

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

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

Мне понадобилось впервые этот способ замутить на вордпрессе и получилось не плохо, но потратить пришлось не много ни мало аж 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>

 

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

Предыдущая статья:



Оставить комментарий