scrolldog

Mga scroll progress bar, at ang dahilan para gawin itong aso

Ang bawat mahabang page ay nagtataas ng parehong tanong: gaano pa ito kalayo matapos? Sinasagot ito ng isang progress indicator, at karamihan sa kanila ay sinasagot ito sa paraang hindi mo na napapansin simula sa ikalawang paragraph.

Para saan ang bar na ito

Sa teorya, sinasabi na ng scrollbar kung nasaan ka. Sa totoong buhay, ilang pixel lang ang lapad nito, itinatago nito ang sarili hangga't hindi mo ginagalaw ang mouse, at sa isang page na nagla-load ng mga larawan habang binabasa mo, nagbabago ang laki ng thumb nito habang nagbabasa ka. Nagdadagdag ng progress bar ang mga extension dahil tahimik na tinanggal ang sagot ng browser mismo.

Kaya may nakukuha kang manipis na kulay na linya sa itaas ng page na napupuno habang nagsi-scroll ka. Gumagana ito. Ito rin ang pinakamadaling bagay na maiiwan mong hindi napapansin sa page: tuwid na linya ito, nakaupo ito sa strip na sinanay na ng mata mong huwag pansinin, at wala itong ginagawa kundi humaba.

Posisyon, pero bilis rin

Isang numero lang ang dala ng isang bar — kung gaano ka na kababa. May pangalawang numerong libre, at walang bar na nagpapakita nito: kung gaano kabilis kang gumagalaw.

Dala ng scrolldog ang pareho. Ang posisyon ng alaga sa gilid ng window ay ang lalim ng scroll. Sa itaas ng page, nasa kaliwa ito; sa ibaba ng page, nasa kabilang gilid na ito. Ang takbo niya ay ang scroll velocity: bilisan mo ang pag-scroll at mabilis siyang tatakbo, dahan-dahan, paragraph by paragraph, at maglalakad-lakad lang siya.

Huminto ka, at uupo siya. Yun ang parte na hindi kaya ng isang bar. Magkapareho ang itsura ng static bar kahit maingat kang nagbabasa o kahit tatlong oras mo nang binitawan ang tab. Ang alaga na nakaupo na ay nagsasabi sa'yo na tumahimik na ang page, at wala itong ipinapabayad sa'yong basahin, dahil hindi mo naman ito binabasa — nahuli mo lang ito sa gilid ng mata mo, ang tanging atensyon na deserve ng isang progress indicator.

Ano ang kapalit nito

Ang karaniwang objection sa isang decorative extension ay ginagawa nitong mas masama ang browser. Nakikinig ito sa scroll nang passive, pinag-iisa ang bawat burst ng events sa isang write kada animation frame, at ginagalaw ang isang element lang sa loob ng isang fixed, zero-size na track. Hindi nito binabasa o ginagalaw ang layout ng page mo, at wala itong ipinapadalang network request mula sa page na binabasa mo.

Isang switch sa popup ang pumapatay dito kahit saan, sa lahat ng bukas na tab, sabay-sabay.

Tingnan kung paano ito gumagana