jQuery анимированный свиток

Question

Я не уверен, как назвать эффект, но кто-то может указать мне в библиотеку, которая поможет мне сделать тот же эффект, что и этот сайт?

http://www.makr.com

В основном, он перемещается вверх по строке вверх страницы при щелчке мыши.Фрагмент кода, предпочтительно jQuery, может помочь, если для него нет такой специализированной библиотеки эффектов.

Я не уверен, нужно ли мне начинать другую тему, но может ли кто-нибудь помочь мне с небольшим фрагментом jQuery длядостичь полного эффекта интерфейса Makr?

Answer 1

Вы можете анимировать прокрутку страницы с помощью jQuery.

$('html, body').animate({
    scrollTop: $(".middle").offset().top
 }, 2000);

Смотрите этот сайт: http://papermashup.com/jquery-page-scrolling/

Answer 2

Вы также можете попробовать разработанный мной простой плагин jquery ( AnimateScroll ), который был высоко оценен многими!

Answer 3

Я просто использую:

$('body').animate({ 'scrollTop': '-=-'+<yourValueScroll>+'px' }, 2000);

Answer 4

Для этого есть плагин jquery. Он прокручивает документ до определенного элемента, чтобы он был идеально в середине области просмотра. Он также поддерживает анимацию, чтобы эффект прокрутки выглядел очень плавным. Проверьте AnimatedScroll.js .