Прокрутите страницу вверх с помощью jquery animate.

Я хочу поместить в верхнюю часть страницы, которая должна прокручивать страницу вверх. Однако я хочу, чтобы процесс прокрутки имел анимированный эффект. Я думаю, что это возможно с помощью анимации, но не знаю, как это сделать?

Пожалуйста помоги. Спасибо


jquery scrolltop
person Narendra Bista    schedule 02.05.2013    source источник

Ответы (2)


arrow_upward
45
arrow_downward

Способ довольно простой. Поместите кнопку внизу страницы и напишите событие примерно так

$('#spnTop').on("click",function() {
    $('html, body').animate({ scrollTop: 0 }, 'slow', function () {
        alert("reached top");
    });
});

Вот скрипта для этого

person Paras    schedule 02.05.2013
comment
мое оповещение (достигло вершины); вызывается дважды. Это то же самое для вас, ребята? - person AliBZ; 17.10.2013
comment
Вам, вероятно, понадобится event.preventDefault();, если вы сделаете это по ссылке. - person VDarricau; 13.04.2017

arrow_upward
7
arrow_downward

Вы можете анимировать свойство scrollTop объекта html, body.

$('html, body').animate({
    scrollTop: "0px"
}, 800);

Я предлагаю вам провести некоторое исследование / чтение, прежде чем задавать тривиальные вопросы, подобные этим. Google может помочь вам раньше, чем мы все.

person painotpi    schedule 02.05.2013
comment
И Google часто указывает на Stack Overflow для ответа. Все вопросы/ответы, тривиальные или нет, относятся сюда. - person Doug S; 07.05.2016