jQuery анимация прокрутки


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

http://www.makr.com

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

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

4 67

4 ответа:

вы можете анимировать верхнюю часть страницы с помощью jQuery.

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

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

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

Я просто использовать:

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

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