JQuery – Як анімувати прокручування вгору та прокручування до Div?

javascript

JQuery має зручний прототип функції animate, який приймає перші кінцеві властивості 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;
    })
});

Топ

Спершу потрібно визначити прив’язку за допомогою, наприклад

<a name='top'></a>

Розмістіть це одразу після та додайте такий код JQuery :

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

сувій