스크롤 진행 표시줄, 그리고 그것을 강아지로 만들어야 하는 이유

긴 페이지는 늘 같은 것을 묻습니다. 이게 얼마나 남았을까. 진행 표시는 그 질문에 답하지만, 대부분은 두 번째 문단쯤에서 더 이상 눈에 들어오지 않는 방식으로 답합니다.

표시줄은 무엇을 위한 것인가

스크롤바는 원칙적으로 이미 현재 위치를 알려줍니다. 실제로는 폭이 몇 픽셀뿐이고, 마우스를 움직일 때까지 숨어 있으며, 읽는 동안 이미지를 불러오는 페이지에서는 손잡이 크기가 읽는 중에 바뀝니다. 확장 프로그램이 진행 표시줄을 다시 붙이는 이유는, 브라우저 자신의 답이 조용히 설계에서 지워졌기 때문입니다.

그래서 페이지 위쪽에 스크롤하면 채워지는 얇은 색 선이 생깁니다. 제 일을 합니다. 그리고 페이지에서 가장 쉽게 안 보이게 되는 것이기도 합니다. 직선이고, 눈이 무시하도록 훈련된 띠 안에 있고, 길어지는 것 말고는 아무것도 하지 않습니다.

위치, 그리고 속도

표시줄이 나르는 숫자는 정확히 하나입니다. 얼마나 내려왔는지입니다. 두 번째 숫자는 공짜로 얻을 수 있는데도 어떤 표시줄도 보여주지 않습니다. 얼마나 빠르게 움직이고 있는지입니다.

scrolldog은 둘 다 나릅니다. 창 가장자리를 따라가는 동물의 위치가 스크롤 깊이입니다. 페이지 맨 위에서는 왼쪽에 있고, 맨 아래에서는 반대편에 도착해 있습니다. 걸음걸이는 스크롤 속도입니다. 휠을 튕기면 전력으로 달리고, 한 단락씩 내려가면 총총 걷습니다.

멈추면 앉습니다. 표시줄이 할 수 없는 부분이 바로 그것입니다. 가만히 있는 표시줄은 주의 깊게 읽고 있을 때와 세 시간 전에 탭을 열어둔 채 떠났을 때가 똑같아 보입니다. 앉아 있는 동물은 이 페이지가 조용해졌다고 알려주고, 그것을 읽는 데는 아무 대가도 들지 않습니다. 읽은 것이 아니라 눈가에 걸린 것이고, 그것이 진행 표시에 걸맞은 유일한 주의의 양입니다.

무엇을 대가로 치르는가

장식용 확장 프로그램에 흔히 나오는 반론은 브라우저를 나쁘게 만든다는 것입니다. 이것은 스크롤을 passive로 듣고, 몰려오는 이벤트를 애니메이션 한 프레임당 한 번의 쓰기로 모으고, 크기가 0인 고정 트랙 안에서 요소 하나를 움직입니다. 페이지의 레이아웃을 읽거나 바꾸는 일이 없고, 읽고 있는 페이지에서 네트워크 요청을 보내지 않습니다.

팝업의 스위치 하나로 열려 있는 모든 탭에서 한 번에 끕니다.