Недавно просматривал статистику в Яндекс.метрике, и увидел странный факт в вебвизоре – многие читатели предпочитают пролистывать страницу наверх, когда им надо вернуться в ее начало, не кнопочкой “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 штуки), что если не выпендриваться, то вполне можно подобрать стрелку из имеющихся в наборе к цветовой гамме своего сайта – что я и сделал.