Прокрутка анимации jQuery

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

http://www.makr.com

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

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

Ответ 1

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

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

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

Ответ 2

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

Ответ 3

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

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

Ответ 4

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