Здравствуйте.
Подскажите, как сделать плавную прокрутку до якоря на странице?
Перепробовал несколько разных вариантов. Есть ссылка
<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();
});
});
В итоге ничего не изменилось, плавная прокрутка не работает. Подскажите где я допустил ошибку или в какую сторону копать.
