Кнопка для прокрутки страницы "наверх" jQuery (usability +1)

Мне всегда было приятно посещать сайты, хозяева которых догадались вылезти из админок и полазить по своим же сайтам, поставив себя на место посетителя. Насколько ему будет удобно и комфортно пользоваться сайтом, быстро находить нужную информацию, вообщем полный user experience.

В этом коротком посте я хочу поделиться с тобой одной очень милой штучкой, которая как раз повысит юзабельность, удобность вашего блога или сайта для ваших посетителей.

Э-э-эх, а все ведь начиналось с простой ссылки "наверх" в конце страницы:

<a href="#">наверх</a>

Да, несомненно, технологии продвинулись в этом деле 😀 и поэтому, хочу представить вам милый плагин Dynamic To Top (автор Matt Varone). Скачать его можно и с сайта автора и через поиск плагинов в админ-панели WordPress, введя в строку поиска "Dynamic To Top".

Что делает этот плагин?

Этот плагин добавляет красивую кнопочку со стрелкой (в настройках можно поменять на текст) на jQuery, которая появляется в нужном вам углу странички после того, как посетитель прокрутил n-ное число пикселей от начального положения прокрутки. В настройках плагина можно настроить внешний вид кнопки и еще несколько разных параметров, вообще все довольно удобно.

Поэтому рекомендую тебе эту небольшую, но приятную штучку. Гораздо лучше добавить такую себе на блог, чем какой-нибудь погодный информер...

Особенно полезна данная штучка будет авторам тех сайтов, которые объемно пишут или просто длинные посты выкладывают 🙂

Успехов!

Богдан Григорук

[ Прочитайте комменты ниже или напишите свой... ]

Ищете хостинг для своего сайта? Могу порекомендовать свой (нажмите здесь)

2 комментария к “Кнопка для прокрутки страницы "наверх" jQuery (usability +1)”

  1. Сергей 24.01.2017 в 14:47 #

    Делается это не только при длинной статье, но и при множестве комментариев на странице. А вообще, нужно стараться делать без плагина, тем более, что их итак много на сайте, более того, когда делается кнопка вверх, то при большой портянке нужно делать и кнопку вниз, так как комментарии как правило внизу, а текст вверху и мотать большую портянку просто устаешь. Но тогда в этом случае нужно сделать быструю прокрутку вверх и вниз, но если только статья длинная, то можно сделать медленное перемещение для режима чтения. Вот только в этом случае нужно ставить плагин, тогда это оправдано.

Трекбэки/Пинги

  1. Как различить скролл/прокрутку вверх и вниз jQuery? o_o - twog.me - 04.10.2012

    [...] Кстати, событие scroll используется и в плагине, который добавляет красивую кнопку прокрутки страницы. [...]