Я установил страницу для прокрутки вверх при нажатии кнопки. Но сначала я использовал оператор if, чтобы увидеть, не была ли верхняя часть страницы установлена на 0. Затем, если это не 0, я анимирую страницу, чтобы прокрутить ее до верха.
var body = $("body");
var top = body.scrollTop() // Get position of the body
if(top!=0)
{
body.animate({scrollTop:0}, '500');
}
Сложная часть теперь анимирует что-то ПОСЛЕ прокрутки страницы вверх. Поэтому моя следующая мысль, выяснить, какова позиция страницы. Поэтому я использовал консольный журнал, чтобы выяснить это.
console.log(top); // the result was 365
Это дало мне результат 365, я предполагаю, что это номер позиции, в которой я находился перед прокруткой наверх.
Мой вопрос: как мне установить позицию равной 0, чтобы я мог добавить еще одну анимацию, которая запускается, когда страница становится равной 0?
Спасибо!
jquery
jquery-animate
scrolltop
Хуан Ди Диего
источник
источник
Ответы:
Для этого вы можете установить функцию обратного вызова для команды animate, которая будет выполняться после завершения анимации прокрутки.
Например:
Где этот код предупреждения, вы можете выполнить больше JavaScript, чтобы добавить в дальнейшую анимацию.
Кроме того, есть «качели», чтобы установить ослабление. Проверьте http://api.jquery.com/animate/ для получения дополнительной информации.
источник
Попробуйте этот код:
источник
$("html")
следует использовать вместо этого, потому что в вашем случае, если вы добавите функцию обратного вызова, она будет вызываться дважды, один раз для html и один раз для body . И использование тела ничего не делает.Использовать это:
источник
для этого вы можете использовать метод обратного вызова
источник
Попробуйте это вместо:
источник
Простое решение:
прокрутка к любому элементу по ID или ИМЯ:
код:
источник
var
необходимо, чтобы не перезаписывать глобальную (если существует глобальная переменная с таким именем)Код с функцией щелчка ()
.toTop
= класс кликаемого элемента может бытьimg
илиa
источник
источник
ты должен увидеть это
или попробуй их
источник
источник
Вы можете использовать как класс CSS, так и идентификатор HTML, для поддержания его симметричности, я всегда использую класс CSS, например
источник