В данном уроке мы рассмотрим как создать автоматическую вертикальную прокрутку контента для сайта средствами php и jquery. Данная прокрутка отлично подойдет для прокрутки какой-нибудь важной информации на сайте: комментариев, популярных записях или той самой контекстной рекламы на сайте. Плавная прокрутка несомненно заставит обратить взор пользователя к данному блоку. Для демонстрации блок немного изменили  чтобы процесс при загрузке приостанавливался, пока следующий элемент списка не подключится.

 

Мы также сделали так, чтобы элементы списка упорядочивались, чего не было в оригинальном скрипте. Для работы мы будем использовать скрипт jQuery 1.2.6. И так, для начала мы рассмотрим процесс создания достаточно простой HTLM-разметки:

Далее мы рассмотрим структуру скрипта jQuery, который позволит нам осуществить прокрутки, некоторые элементы расписаны прямо в коде ниже, поэтому более детально рассматривать код нет смысла, вот как все это выглядит:

Стиль и содержимое spy полностью в вашем распоряжении. Вы легко можете добавить запрос к базе данных на PHP и с помощью этого скрипта и сделать его выполнение динамическим. Вот и все. Материал взят из зарубежного источника. И представлен исключительно в ознакомительных целях.