TheExplay
@TheExplay
Верстальщик - Junior FrontEnd

Как сделать плавную прокрутку страницы до якоря?

Здравствуйте.

Подскажите, как сделать плавную прокрутку до якоря на странице?

Перепробовал несколько разных вариантов. Есть ссылка
<a  class="trig" href="#game"><img src="img/arrow.png"></a>

Ссылается на
<div class="game" id="game">

С js не дружу, но нагуглил разные варианты как:
1)
$(function(){
$('.trig').on('click', function(e){
	$('html,body').stop().animate({ scrollTop: $('#game').offset().top }, 1000);
	e.preventDefault();
});
});


2)
$(function() {
    $('a.trig').bind('click', function(event) {
        var $anchor = $(this);
        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
        }, 1500, 'easeInOutExpo');
        event.preventDefault();
    });
});


В итоге ничего не изменилось, плавная прокрутка не работает. Подскажите где я допустил ошибку или в какую сторону копать.
  • Вопрос задан
  • 2446 просмотров
Решения вопроса 1
Roquie
@Roquie
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы