Я столкнулся с проблемой на моем сайте. Я использовал следующую строку в своем javascript
$('html, body').animate({scrollTop: $(".single-post-content").offset().top}, 1000);
вот моя функция javascript
$(document).keydown(function(e){
if (e.keyCode === 39) {
var $next, $selected = $(".current");
$next = $selected.next('li').length ? $selected.next('li') : $first;
$selected.removeClass("current");
$next.addClass("current");
$('html, body').animate({scrollTop: $(".single-post-content").offset().top}, 1000);
showPage(parseInt($next.text()))
}
});
$(document).keydown(function(e){
if (e.keyCode === 37) {
var $prev, $selected = $(".current");
$prev = $selected.prev('li').length ? $selected.prev('li') : $last;
$selected.removeClass("current");
$prev.addClass("current");
$('html, body').animate({scrollTop: $(".single-post-content").offset().top}, 1000);
showPage(parseInt($prev.text()))
}
});
Итак, когда я нажимаю стрелку влево или вправо, он анимируется и прокручивается до указанного div
, как и должно быть. Но когда я пытаюсь прокрутить вниз, окна трясутся и не позволяют прокрутить вниз. Я не могу понять проблему и сделать ее более гладкой.
Обновить
вот моя веб-страница
stop
для правильного селектора. Я проверил на вашем сайте, и он работает. 27.05.2014stop()
кажется правильным путем. или уменьшите время анимации400
вместо1000
27.05.2014