JQuery — как анимировать прокрутку вверх и прокрутку до Div?

JavaScript

JQuery имеет удобную анимацию прототипа функции, которая принимает первые окончательные свойства CSS в качестве первого параметра и скорость в качестве второго параметра, например, «быстро», «медленно» или указанный интервал времени. Третий параметр — это необязательный обратный вызов после анимации. законченный.

var properties = { color: red; };
$('div').animate(properties, "fast", function() {});

На своем личном веб-сайте я недавно изменил внешний вид страницы, чтобы сделать ее полностью удобной для мобильных устройств. В фиксированных положениях экрана есть две ссылки: «Навигация» и «Верх».

Навигация

Навигационное меню располагается после основного содержимого страницы, и поэтому вам необходимо определить div, например, с id=’navigate’. Затем добавьте следующий код JQuery.

$("a[href='#navigate']").click(function(){
    $("html, body").stop().animate(
        {scrollTop:$("div#navigate").offset().top}, "slow");
        return false;
    })
});

верхний

Сначала вам нужно определить якорь, например,

Поместите это сразу после и добавьте следующий код JQuery :

$("a[href='#top']").click(function(){
    $("html, body").stop().animate(
        {scrollTop:0}, "slow");
        return false;
    })
});

прокрутить