Прокрутка через ссылку “Наверх” на Dojo

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

Обычно, ссылка “наверх” располагается внизу страницы и переносит пользователя наверх текущей страницы. Возмем это за основу и реализуем в сниппете. Как только пользователь прокручивает страницу до конца, внизу появляется ссылка “наверх”. Как только пользователь на нее нажимает, ссылка исчезает и пользователя плавно переносит наверх страницы. Вот и все.

Функционал сниппета очень прост: как только пользователь прокручивает элемент (в нашем случае BODY) до порогового значения, ссылка появляется в поле зрения. Просто, стильно и функционально — определение хорошего JavaScript расширения.

HTML

Просто ссылка “наверх”.

CSS

Помните, что элемент нужно спрятать во время инициализации загрузки страницы.

Dojo JavaScript

Как только DOM готов, мы крадем ссылку, пряча ее через visibility вместо display. При каждой прокрутке элемента body, мы пересчитываем позицию страницы и показываем или прячем ссылку в зависимости от нахождения. Просто!

Пример

Веселой прокрутки!


2 комментарий на “Прокрутка через ссылку “Наверх” на Dojo

  1. А если вместо ссылки «Вверх» поставить контекст, то это поможет вебмастеру в финансовом плане, ибо вместо того, чтобы подниматься наверху пользователь кликнет по рекламе :)

    • да)

      но потом пользователь просто уйдет с сайта.

      Если у вас ГС — хорошо,

      если СДЛ — то лучше пользователя не злить)

Оставить комментарий