Я хочу, чтобы моя страница поднималась вверх при нажатии на определенный якорь.
Вот как я пытался это сделать, но он не работает, он прокручивается очень быстро.
$('a[href=#top]').click(function () {
$('body').animate({
scrollTop: 0
},
50);
});
Я хочу замедлить это.
$('a[href=#top]').click(function(){
$('html, body').animate({scrollTop:0}, 'slow');
});
Возможно?
Когда вы передаете 50 в качестве второго параметра для анимации, это составляет 50 миллисекунд. См. документацию по animate. Либо передайте большее число, либо, как предложил c0mrade, просто передайте 'slow' .
вы можете установить время для прокрутки вверх
$('a[href=#top]').click(function(){
$('body').animate({
scrollTop: 0},4000);});
$('a[href=\\#top]').click(function(){
$('body').animate(
{
scrollTop: 0
},
2000
);
});
# следует экранировать \\#.
$('html, body')требуется? Я попробовал это с$(window), но, похоже, это не дало никакого эффекта, чего я ожидал увидеть, поскольку (если я правильно помню) это объект окна, который отслеживает позицию прокрутки? 21.03.2012body, так какhtmlне будет работать во всех браузерах. 21.09.2012preventDefault, чтобы предотвратить мигание страницы перед прокруткой вверх? 22.07.2013$(document.scrollingElement), потому что в наши дни есть такая опора. 20.11.2018