Плавный скролл после нажатия на ссылку меню wp

плавный скроллинг меню вордпресс

Для реализации плавного перехода после нажатия по ссылке, выполните 3 шага:

вставляем в footer.php код

	<script>
	jQuery(document).ready(function($) { 
		$(function() {
		    $('.menu-item a').bind('click', function(event) {
		        var $anchor = $(this); 
		        $('html, body').stop().animate({
		            scrollTop: $($anchor.attr('href')).offset().top
		        }, 1500, 'easeInOutExpo');
		        event.preventDefault();
		    });
		});


	});

	</script>

.menu-item – это класс вашего li списка меню – он может отличаться! если он не menu-item, то работать скроллинг не будет!

 

 сама ссылка должна выглядеть вот так – #price – изменяем

 

 

Указываем  блок на который должен быть переход после нажатия  ссылки

 

 

 

Поделись с друзьями:

Добавить комментарий

* Все комментарии проходят модерацию