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;
})
});
Топ
Спершу потрібно визначити прив’язку за допомогою, наприклад
Розмістіть це одразу після та додайте такий код JQuery :
$("a[href='#top']").click(function(){
$("html, body").stop().animate(
{scrollTop:0}, "slow");
return false;
})
});
сувій