아이폰 / 아이패드 사파리 스크롤 맨 아래로 이동하는 방법

2019-04-09

아이폰과 아이패드의 사파리에서 스크롤을 맨 아래로 이동하는 방법에 관한 글입니다. 별다른 설정 없이 스크롤을 최상단으로 옮길 수 있는 기능이 iOS에 기본적으로 탑재(화면 상단 탭)되어 있는 반면에 가장 아래로 스크롤을 옮기는 방법은 따로 구현해주셔야 합니다.

이 방법은 사파리 책갈피에 간단한 자바스크립트 코드를 추가하는 방법으로써, 필요할 때마다 설정된 책갈피를 사용하시면 됩니다. 코드를 이해하고 계신 분들이라면, 페이지의 최하단 뿐만 아니라 특정 위치로 손쉽게 이동할 수 있는 책갈피를 만드실 수도 있습니다.

1) 임의의 웹페이지를 ‘책갈피’로 추가합니다. 어차피 수정할 것이기 때문에 아무 웹페이지나 추가하시면 됩니다.

2) 책갈피 이름은 ‘스크롤 하단’ 등으로 식별이 가능한 이름으로 지정해주시면 됩니다. ▼

책갈피가 저장될 위치는 하단의 ‘위치’ 부분에서 지정해주시면 됩니다. 기본적으로 ‘즐겨찾기’ 안에 저장됩니다.

3) 책갈피를 저장하셨으면, ‘책갈피’ 버튼을 눌러 다시 책갈피로 접근합니다. ▼

4) 저장된 책갈피를 우측 하단의 ‘편집’ 버튼을 누르고 편집합니다. ▼

5) 아래 자바스크립트 코드를 주소 대신 입력합니다. ▼

javascript:scroll(0,document.getElementsByTagName( 'body')%5B0%5D.scrollHeight);

6) 설정이 완료된 책갈피를 선택하시면 페이지 최하단으로 스크롤이 이동하는 것을 확인하실 수 있습니다. ▼

이는 책갈피를 지정한 페이지와는 아무 관련이 없습니다. 사용중이신 여느 페이지에서나 다 동작합니다.

이상입니다.

참고

참조