Browser Bits
맨 위로 스크롤 - 탑 버튼 icon

맨 위로 스크롤 - 탑 버튼

모든 페이지에 부드러운 스크롤 투 탑 버튼을 추가합니다. 클릭 한 번으로 맨 위로.

지원 브라우저
Edge
버전
3.0.2
Edge에 추가

긴 글이나 무한 스크롤 피드에서 맨 위로 돌아가려면 휠을 한참 굴려야 합니다. 사이트가 안 만들어 준 '맨 위로' 버튼을 모든 페이지에 대신 붙여 줍니다.

Scroll to Top은 모든 웹페이지에 깔끔한 플로팅 버튼을 추가합니다. 클릭 한 번이면 부드럽게 맨 위로. 그게 전부입니다.

군더더기 없이, 방해 없이. 딱 말한 그대로만 하는 버튼.

스크린샷

주요 기능

  • 모든 페이지에 부드러운 스크롤 투 탑 버튼

  • 팝업에서 즉시 켜기/끄기

  • 위치 설정

    왼쪽 또는 오른쪽에 버튼 배치

  • 투명도 설정

    원하는 만큼 버튼 투명도 조절

  • 스마트 표시

    스크롤을 내릴 때만 버튼이 나타남

  • 300px 스크롤 후 표시

    필요할 때까지 방해하지 않음

  • 모든 웹사이트에서 동작 (http, https)

이럴 때 씁니다

  • 무한 스크롤 피드와 긴 댓글창

    커뮤니티 글이나 타임라인은 아래로 내려갈수록 돌아갈 방법이 없어집니다. 300px 넘게 내리면 화면 아래 구석에 원형 버튼이 떠 있습니다. 누르면 화면이 툭 튀지 않고 부드럽게 위로 올라갑니다.

  • 오른쪽 아래에 채팅 위젯이 있는 사이트

    상담 챗봇이나 쿠키 배너가 하필 버튼 자리를 차지하는 경우가 많습니다. 팝업에서 위치를 Left로 바꾸면 버튼이 화면 왼쪽으로 옮겨 갑니다. 이미 열어 둔 탭에도 바로 반영됩니다.

  • 읽는 동안 눈에 안 띄게 두기

    화면 위에 계속 떠 있는 버튼은 금방 거슬립니다. 이 버튼은 스크롤을 내리기 전까지 보이지 않고, 투명도는 30%부터 100%까지 조절됩니다. 낮게 설정해 두면 평소에는 거의 안 보이다가 마우스를 올리면 진해집니다.

권한과 개인정보

단일 목적

Scroll to Top adds a floating button to web pages that smoothly scrolls the user back to the top of the page when clicked. Users can customize the button's position, opacity, and visibility through a popup settings panel.

storage설정과 데이터를 브라우저 자체 저장소(이 기기)에 저장합니다.
webNavigation탭이 새 페이지로 이동하는 시점을 감지합니다.

모든 설정은 chrome.storage에 로컬 저장 외부 서버 없음, API 호출 없음 데이터 수집 없음, 분석 없음, 계정 없음 사용 권한: storage (설정 저장) 하나뿐 깔끔하고. 미니멀하고. 빠릅니다. 확장에 포함된 코드만 실행하며 원격 코드를 내려받지 않습니다.

자주 묻는 질문

웹사이트에 맨 위로 가는 버튼을 어떻게 추가하나요?

설치하면 http·https 페이지마다 버튼이 자동으로 붙습니다. 사이트별로 따로 설정할 것은 없습니다. 페이지에서 300px 정도만 내리면 화면 아래 구석에 나타납니다.

버튼이 안 보이는데 왜 그런가요?

스크롤을 300px 넘게 내려야 나타나도록 되어 있어서, 페이지 위쪽이나 스크롤이 거의 없는 짧은 페이지에서는 보이지 않습니다. 팝업의 Enable button 토글이 켜져 있는지 확인해 보세요. 브라우저 설정 페이지나 새 탭 페이지처럼 일반 웹페이지가 아닌 곳에서는 동작하지 않습니다.

설정을 바꾸면 페이지를 새로고침해야 하나요?

아니요, 바로 반영됩니다. 콘텐츠 스크립트가 chrome.storage 변경을 감지하기 때문에 위치나 투명도를 바꾸면 열려 있는 탭에 즉시 적용됩니다. 팝업 아래쪽에는 지금 설정한 투명도로 버튼 미리보기가 표시됩니다.

권한은 무엇을 요구하고 어떤 값이 저장되나요?

매니페스트에 선언된 권한은 storage와 webNavigation 두 개입니다. storage에는 켜기/끄기, 좌우 위치, 투명도 세 가지 값이 chrome.storage.local에 저장되고, webNavigation은 페이지 이동이 끝나는 시점을 감지하는 데 씁니다. 이때 마지막으로 이동한 URL이 같은 로컬 저장소에 기록됩니다.

버튼이 사이트 UI를 가리면 어떻게 하나요?

팝업에서 위치를 Left로 옮기거나 투명도를 낮추면 됩니다. 특정 순간에 아예 치우고 싶다면 Enable button 토글을 끄면 버튼이 더 이상 나타나지 않습니다. 다시 켜면 열려 있는 탭에서 곧바로 되돌아옵니다.

관련 확장 프로그램

같은 카테고리: 생산성