Недавно просматривал статистику в Яндекс.метрике, и увидел странный факт в вебвизоре — многие читатели предпочитают пролистывать страницу наверх, когда им надо вернуться в ее начало, не кнопочкой «Home», а верхней стрелочкой на полосе прокрутки, колесиком мышки, или PgUp. Тем не менее, наверх хотят попасть многие. Не использовать кнопку Home — право каждого, однако, хотелось помочь всем вам, уважаемые читатели, поэтому решил прикрутить модную сейчас на многих сайтах стрелочку «вверх» (ну или «наверх», как многие пишут в поисковиках). Можно это очень просто сделать, чуток подредактировав тему, но лень — наше все, поэтому предпочел сделать это плагином, немного о котором сейчас и расскажу.
Тем не менее, быстро не получилось, поскольку опять же — плагинов, реализующих это — как обычно, вагон и маленькая тележка. Эх, долго я, в результате, выбирал самый лучший плагин, выводящий кнопку, ну или стрелочку вверх. Хотя от него мне необходимо было всего пять основных фич:
- возможность прямо из админки управлять местоположением кнопки вверх
- возможность прямо из админки задать скорость прокрутки страницы вверх
- возможность прямо из админки установить, на сколько строк или пикселей, опустившись вниз по странице, она бы появлялась
- чтобы в неактивном состоянии (без наведения курсора мышки) она была бы максимально затемнена, и особо не отсвечивала, тем самым — особо не отвлекая внимание
- ну и самое главное — возможность загрузить свою стрелочку, чтобы она гармонировала с дизайном сайта
После рассмотрения порядка 15 плагинов (всех их описывать не буду, в английской версии, хотя и буквально в двух словах — это уже было сделано здесь), в финале соревнования остались плагины ScrollTo Top и Dynamic «To Top» Plugin.
Dynamic «To Top» Plugin при всех своих замечательных особенностях, включающих уже более 130 тысяч загрузок (что нам кагбэ говорит о том, что он уже оттестирован всеми вдоль и поперек), и возможности установить в настройках, выводить ли эту кнопку на мобильных устройствах, или нет — не отвечал пятому пункту моих требований, и предлагал возможность установить только свою стрелочку, и по всякому ее редактировать. Во всяком случае — про загрузку чего-то своего я ничего не нашел ни в описании, ни в интернете. Если кто его пользует, и я не прав — отпишите, пожалуйста, в комментах. Ну а для мобильных устройств — я наоборот, полагаю, что это просто необходимейшая опция, учитывая, что ни полос прокрутки, ни кнопки Home там нет. Да, конечно, оно неплохо крутится и пальцем — но тем не менее.
ScrollTo Top имеет всего 16 тысяч с хвостиком загрузок (впрочем — это второй результат из всех плагинов) — однако удовлетворял всем моим требованиям, описанным выше — местоположение стрелки, скорость возврата, затенение, вывод не сразу, а с указанного места, загрузка своей, ну и плюс — он более регулярно обновляется, и более актуален на дату написания этой заметки. Использовав любезно предоставленные здесь стрелочки, я чуток подредактировал и загрузил одну из них прямо из админки. Как мне кажется, получилось неплохо, хотя если опустить страницу до самого конца — стрелочку не видно на пестром фоне. Можно, конечно, в настройках поднять ее повыше — но тогда, в случае, если читатель находится в середине страницы — это будет не так эстетично — наблюдать ее парящей в 100 пикселях от нижнего края экрана.
Во всяком случае — я надеюсь, что теперь всем будет немного удобнее использовать этот сайт.
Upd. К сожалению, этот плагин пришлось отключить, т.к. при последней атаке ботов на проект оказалось, что он требует очень много памяти. Пока посещаемость до 2 тысяч уников в сутки — работает хорошо, но при массовых атаках или появлении ссылок с популярных ресурсов — слишком сильно грузит сайт (добавил и в комменты).
При поиске по отзывам — еще был этот неплох. Но я не анализировал, на сколько грузит сайт он, поэтому гарантировать ничего не могу — с тех пор посещаемости свыше 2000 уников в сутки еще не случалось, а на полутора тысячах — работает адекватно.
Тем не менее, себе его я поставил, и именно его стрелочку вы можете лицезреть, если промотаете ниже 1100 пикселей от начала страницы. Все, что мне требовалось — управлять местоположением стрелки, скоростью прокрутки, временем появления, затемнения и его процента, возможностью отключать на мобильных устройствах и при нахождении в админке, через сколько скрывать, выбора текста или рисунка, выбором своего рисунка — все есть. Впрочем, выбор своего рисунка даже не потребовался, т.к. набор предлагаемых стрелок настолько велик (минимум 54 штуки), что если не выпендриваться, то вполне можно подобрать стрелку из имеющихся в наборе к цветовой гамме своего сайта — что я и сделал.
Вот и я теперь установила такую стрелочку Спасибо Вам огромное за статью!!!
Дима, а где она твоя стрелка? Или у меня с браузером чегой-то? Я ее не вижу.
Стрелку я временно отключил, когда шла ddos атака на сайт, поскольку этот плагин сильно грузил сайт при каждом обращении. Когда число обращений было в пределах полутора тысяч в сутки — было нормально, но когда оно превысило десять обращений в секунду — он стал очень сильно отъедать память.
Пока так и не включил.
Спасибо за стрелочку)