Статьи

Лучшие 15 jQuery прокручиваемых плагинов

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


1. Клифф Скроллер

Прокручивает текстовое содержимое точно так же, как этот хороший старый экран Winamp Track.
Клифф-скроллер-.jpg
Источник


2. jQuery плагин TopLink

Позволяет добавить ссылку «вверх», когда пользователи прокручивают страницу вниз.
JQuery-TopLink-Plugin-.jpg
Источник


3. Исчезающая ссылка «Прокрутка вверх» с помощью jQuery и CSS

Этот учебник поможет вам создать ссылку для прокрутки вверх, которая появляется, когда пользователь прокручивает страницу вниз, и исчезает, когда пользователи достигают верхней части страницы, используя комбинацию CSS и jQuery.
Disappearing- «Scroll-вверх» -link-с JQuery-и-CSS-.jpg
Источник


4. UItoTop jQuery плагин

Мэтт Вароне сделал похожий плагин, но с двумя ключевыми отличиями, этот не требует добавления дополнительной разметки html или дополнительных плагинов для работы. Это будет работать только при включенном JavaScript.
UItoTop-JQuery-плагин-.jpg
Источник


5. jQuery. Перейдите в Top Control v1.1.

Этот скрипт отображает стационарный элемент управления в правом нижнем углу окна, который при нажатии аккуратно прокручивает страницу обратно вверх. Вместо того, чтобы всегда быть видимым на экране пользователя, скрипт позволяет вам указать, как далеко вниз страницы находится пользователь (в пикселях), прежде чем открывать элемент управления.
JQuery прокрутки к Top-Control-v1-11.jpg
Источник


6. Плавный GoToTop WordPress Плагин

Начиная со сценария плавной прокрутки, разработанного Ариэлем Флезлером, Могосану Богдан создал плагин для WordPress. На странице настроек плагина вы можете настроить CSS, скорость затухания и минимальную высоту в пикселях, прежде чем открывать элемент управления.
Smooth-GoToTop-WordPress-Plugin.jpg
Источник


7. Прокрутка параллакса: плагин jQuery

Scrolling Parallax — это новый плагин jQuery, который связывает эффект параллакса с полосами прокрутки и колесом мыши. Это позволяет фоновому изображению или чему-либо еще прокручиваться с другой скоростью, чем веб-страница, когда пользователь прокручивает.
Скроллинг-Parallax-A-JQuery-плагин-.jpg
Источник


8. Логическое окно jQuery SimplyScroll

Плагин jQuery, который может анимировать (прокручивать) набор элементов автоматически или вручную, по горизонтали или по вертикали. Он также может принимать динамический ввод изображения через канал Flickr (обратите внимание, что не полная интеграция API) или локальный источник JSON.
JQuery-SimplyScroll-Logic-Box-.jpg
Источник


9. Эффект прокрутки фона с помощью jQuery

В этом уроке мы не только рассмотрим, как это сделать, но и добавим его в плагин, который позволит пользователю настраивать скорость движения и направление (по вертикали, горизонтали и диагонали).
Фон-скроллинг-Эффект-с-jQuery.jpg
Источник


10. Эффект бесконечной прокрутки с помощью jQuery и ColdFusion

Это не новый эффект, но этот эффект «бесконечной прокрутки» определенно интересен, и с этим вы никогда не играли.
Бесконечные прокрутки-Эффект-С-JQuery-и-ColdFusion-.jpg
Источник


11. Загрузка содержимого при прокрутке с помощью jQuery

Как правило, у нас есть много контента для презентации, но мы не можем загрузить все сразу, так как это может занять слишком много времени. В этом уроке у вас теперь будет возможность загружать контент при прокрутке, и вы создадите подобный с помощью jQuery.
Load-Content-While-скроллинг-С-JQuery-.jpg
Источник


12. Анимированная прокрутка для ссылок на одной странице

В этом уроке вы узнаете, как анимировать прокрутку для ссылок на одной странице.
Анимационный-скроллинг-для-Same-Page-Links-.jpg
Источник


13. Тикер новостей горизонтальной прокрутки jQuery

Принимает любой старый неупорядоченный список (ul) с уникальным идентификатором и преобразует его в простой тикер новостей с боковой прокруткой, который имеет переменное управление скоростью, а также фактически приостанавливает события при наведении курсора, что делает навигацию с панели особенно легкой.
A-JQuery-горизонтальный скроллинг-Новости-Ticker.jpg
Источник


14. Эффект прокрутки с локальными якорями

Это сделано для того, чтобы сделать эффект прокрутки внутри страницы привязкой к цели.
Прокрутка-Эффект-с-локальной Анкеры-JQuery-.jpg
Источник


15. Создайте эффект бесконечной прокрутки, используя jQuery

Узнайте, как создать эффект бесконечной прокрутки с помощью jQuery.
Create-Бесконечные прокрутки-Effect-помощь-JQuery-.jpg
Источник