главная

Теги:


Шпион за скроллом - часть № 1

В данном уроке Вы узнаете как с помощью MooTools создать интересный эффект, который запускается только после того, как пользователь прокрутит страницу вниз.

Это первая часть из серии уроков, которые расскажут про этот замечательный от Девида Волша - ScrollSpy.

Начнем, пожалуй! :)

Все основное происходит между тегами . Сюда нам и необходимо поместить львиную часть кода:


 
  

Вначале подключаем фреймворк, далее функцию СкроллСпай, а далее придаем ей необходимую функциональность. Жирным выделено значение в пикселях, которое запускает функцию показа ссылки (т.е. как только пользователь опускает прокрутку более чем на 200 пикселей - происходит реакция).

Теперь давайте немного приукрасим нашу ссылку:

И в самом конце давайте поместим эту ссылку куда-либо в документ:

Поднимите меня на 
самый верх, пожалуйста!!!

Также не забываем применить якорь "#top" к какому-нибудь элементу в самом верху страницы. Это необходимо, чтоб скрипт знал куда подниматься.

В демо это выглядит так:

Воспользуйтесь

На сегодня все! Всего хорошего, уважаемые посетители!!

Источник урока: www.davidwalsh.name

Урок Создан:2011-02-10 Просмотров:1820

Добавить комментарий:


Copyright© 2009 Hosted by Zhost