웹페이지에서 스크롤 할 수 있는 크롬 확장 프로그램

구글 크롬과 크로미엄(Chromium) 기반의 웹 브라우저에서 스크롤 해야 하는 긴 글을 볼 때 페이지 상단과 하단으로 바로 갈 수 있는 단축키는 Home과 End키 입니다. 같은 기능을 하는 확장 프로그램도 있습니다. 크롬에 확장 프로그램을 많이 설치할수록 브라우저가 시스템 자원도 많이 먹게 되고 느려지기도 하지만 저는 키보드 누르기 귀찮을 때 사용합니다. Scroll to Top Button과 Scroll To Top 2가지를 알아보겠습니다.

 

 

미리보기

Scroll to Top Button (PoziWorld 제공)

Scroll To Top Button 표시

 

Scroll To Top (pratikabu.users.sourceforge.net 제공)

Scroll To Top 표시(Single Arrow)

설치

크롬 웹 스토어에서 확장 프로그램의 이름을 검색하거나 아래 링크를 누르면 설치할 수 있습니다.

Scroll to Top Button (PoziWorld)

Scroll To Top Button

 

Scroll To Top Button (PoziWorld) 웹 스토어

 

 

Scroll To Top (pratikabu.users.sourceforge.net)

 

Scroll To Top

 

Scroll To Top 웹 스토어

설정

Scroll To Top Button

설정

 

1번 : 스크롤 버튼의 모드를 설정합니다.

버튼 모드

 

위로 스크롤 하는 버튼만 표시할지 위아래 모두 표시할지 등에 관한 설정입니다.

 

2번 : 상단으로 스크롤 하는 속도

3번 : 하단으로 스코롤 하는 속도

4번 : 스크롤 버튼 사이즈

5번 : 스크롤 버튼 디자인

6번 : 스크롤 버튼 위치

버튼을 표시할 위치

상단 오른쪽 / 상단 왼쪽 / 상단 가운데

중간 오른쪽 / 중간 왼쪽

하단 오른쪽 / 하단 왼쪽 / 하단 가운데

 

7번 : 스크롤 버튼 투명도/숨김

8번 : 저장 버튼

 

Scroll To Top (pratikabu.users.sourceforge.net 제공)

Scroll To Top 설정

 

일반적인 설정입니다. 위 화면의 화살표 표시된 Show More Settings 버튼을 누르면 좀 더 상세한 설정이 나옵니다.

 

Smart Direction Mode

 

Smart Direction Mode On

 

Smart Direction Mode는 Single Arrow일 때만 나오는 설정으로 아래 방향으로 스크롤 중이었으면 아래 방향의 화살표 버튼으로 표시되고 위로 스크롤 중이었으면 위 방향의 화살표로 표시되는 기능입니다. Off로 설정하면 스크롤이 맨 위에 있을 때만 아래 방향으로 표시되고 그 외에는 항상 위 방향으로 표시됩니다.

 

그외 설정

 

1번을 선택하면 아이콘을 추가해서 사용할 수 있습니다. 아이콘의 사이즈는 32 또는 48픽셀만 가능하고, base64 형식으로 인코딩된 값을 빈칸에 입력합니다.

2번은 입력된 사이트에서 확장 프로그램이 작동하지 않도록 하는 설정입니다. 사이트 구분은 위 화면처럼 세미콜론(;)으로 구분합니다.