Скроллинг на сайтах

Не меняйте стандартный скроллинг на своих сайтах.

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

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

Думаю, даже если вы смотрите сайт на мобильных устройствах, вы поняли о чём идёт речь.

Почему не стоит изменять стандартный скроллинг?

В результате изменения пострадают три очень важные вещи: производительность, UI и юзабилити.

1. Производительность

Сайты, которые идут на такой шаг, зачастую уже под завязку забиты скриптами. Чаще всего, скроллинг они добавляют через супер-пупер библиотеки. Как итог, такие сайты запросто сжирают по 10 MB при начальной загрузке. Выглядят они при это не всегда красиво.

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

2. UI

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

3. Юзабилити

Ты никогда не знаешь, как поведёт себя кастомный скроллинг. Предсказуемость поведения сайта пропадает начисто.

Уменьшение ширины полосы скроллинга приводит к тому, что в неё становится трудно попасть мышью или, что ещё хуже, тачпадом.

Подобный опыт можно ощутить, например, при резком переключении DPI вашей мыши (при условии, что ваша мышь может такое делать). Просто возьмите и переключите сейчас DPI вашей мышки. Стало не так удобно, как было, правда? Для остроты ощущений можно попробовать переключить режим сразу на максимально возможный.

Теперь представьте, что DPI мыши меняется совершенно случайно и никак от вас не зависит. В одной программе он работает как обычно, в другой же автоматически переключается. Неприятно? Так же и со скроллингом. Его изменение приводит к тому, что он становится абсолютно непредсказуемым для пользователя. Скроллинг всегда должен работать одинаково на всех сайтах.

Если вам кажется, что ваши пользователи страдают, то лучше займитесь оптимизацией скорости загрузки сайта, но пожалуйста…

Не меняйте скроллинг на своих сайтах. Никогда.