Индикатори за напредъка на скролването — и защо вашият да е куче

Всяка дълга страница поставя един и същ въпрос: колко остава? Индикатор за напредъка отговаря на него, а повечето от тях отговарят по начин, който спирате да забелязвате още от втория абзац.

За какво служи лентата

Скролбарът вече ви казва къде сте, поне на теория. На практика е широк колкото няколко пиксела, скрива се, докато не помръднете мишката, а на страница, която зарежда изображения в хода на четенето, плъзгачът му променя размера си, докато четете. Разширенията връщат лентата за напредък обратно, защото собственият отговор на браузъра е бил тихомълком проектиран навън.

Така получавате тънка цветна линия в горната част на страницата, която се запълва, докато скролвате. Работи. Тя е и най-лесното нещо на страницата, което спирате да виждате: права линия е, седи в лентата, която окото ви е приучено да игнорира, и никога не прави нищо друго, освен да се удължава.

Позиция, но и скорост

Лентата носи точно едно число — колко надолу сте стигнали. Има и второ число, налично безплатно, което никоя лента не показва: с каква скорост се движите.

scrolldog носи и двете. Позицията на домашния любимец по края на прозореца е дълбочината на скролването. В началото на страницата той е вляво; в края на страницата е стигнал до другия край. Походката му е скоростта на скролването: завъртите ли колелцето рязко, той се втурва напред, спускате ли се абзац по абзац, той тича бавно.

Спрете ли, той сяда. Това е нещото, което лента не може да направи. Статичната лента изглежда еднакво, независимо дали четете внимателно, или сте оставили раздела отворен преди три часа. Домашен любимец, който е седнал, ви казва, че страницата е утихнала, и това не ви струва никакво внимание, защото не сте го чели нарочно — забелязали сте го с крайчеца на окото си, а точно на такова внимание индикатор за напредъка винаги е заслужавал.

Каква е цената

Обичайното възражение срещу декоративно разширение е, че прави браузъра по-лош. Това разширение слуша скролването пасивно, свежда всеки изблик от събития до един запис на кадър от анимацията и движи един-единствен елемент вътре във фиксирана лента с нулев размер. Никога не чете и не променя оформлението на страницата ви и не прави никаква мрежова заявка от страницата, която четете.

Един превключвател в изскачащия прозорец го изключва навсякъде, във всички отворени раздели, наведнъж.