jquery - Анимированный возврат в начало страницы по клику

Question

Я хочу анимировать эффект прокрутки, чтобы пользователь переместился в верхнюю часть страницы при нажатии на элемент.Немного похоже на привязку к верхней части страницы, но более плавно.

Я видел, как это сделано (хотя не могу вспомнить, где).

Кто-нибудь знает, как это можно сделать?1005 *

Answer 1

Вы хотите .animate() свойство scrollTop для 0, например:

$("html, body").animate({ scrollTop: 0 }, 500);

Answer 2

Вы можете попробовать это:

 $('#somewhere').click(function(){
   $('html, body').animate({scrollTop:0}, 'slow');
 });

Answer 3

Вы можете поместить этот код при загрузке документа, например, для анимации наверх

$("html, body").animate({ scrollTop: 0 }, 1000);

И вы можете анимировать для определенного элемента, например

$("html, body").animate({ scrollTop: $('.my-element').offset().top }, 1000);

Answer 4

Я использовал плагин Ariel Flesler's localscroll, чтобы сделать это много раз ... http://demos.flesler.com/jquery/localScroll