이 스크립트는 오아시스 바닥 글의 오른쪽 모서리에 누르면 문서의 맨 위로 보내주는 버튼을 추가합니다.
설치
사용자 정의
화면이 위로 올라가는 속도와 버튼이 나타나기 위해 화면을 내려야 하는 정도와 다른 설정을 조정하고 싶으면 다음 줄을 (global.js에 쓰이는) 스크립트를 불러오기 전에 넣거나 커뮤니티의 Wikia.js 문서에 넣으십시오.
버튼 내용
버튼 내용은 당신의 언어에 따라 자동으로 보여집니다. 그래도 내용을 바꾸고 싶다면 다음 줄을 넣으면 됩니다.
window.BackToTopText = "새로운 내용";
화면이 올라가는 속도
화면이 올라가는 속도를 조정하고 싶으면 이 줄을 넣으십시오:
window.BackToTopSpeed = 숫자;
숫자는 속도를 나타냅니다. 숫자가 높을 수록 느리게 올라가며 작을 수록 빠르게 올라갑니다. 기본값은 600입니다.
버튼 표시
버튼이 나타나기/사라지기 위해 내려야 할 거리를 조정하고 싶으면 이 줄을 넣으십시오:
window.BackToTopStart = 숫자;
숫자는 버튼이 나타나기 위해 화면을 내려가야 하는 거리로, 픽셀 단위로 나타냅니다. 숫자가 높을 수록 버튼이 나타나기 위해 화면을 더 내려야 합니다. 기본값은 800입니다.
버튼 꾸미기
CSS로 버튼을 원하는 방법으로 꾸밀 수도 있습니다. 아래는 예시입니다:
/* '맨 위로' 버튼 꾸미기 */
#backtotop button{
background: none;
background-color: transparent;
color: white;
border: none;
}
#backtotop button:hover {
text-decoration: underline;
}
위의 CSS는 버튼을 간단한 링크처럼 보이게 만듭니다.
버튼이 점점 나타나거나 사라지는 효과를 제거
버튼이 서서히 나타나거나 사라지는 효과를 없애고 싶다면 이 줄을 넣으십시오:
window.BackToTopFade = 0;
효과를 다시 주고 싶다면 JS 문서에 효과를 없애는 줄을 지우기만 하면 됩니다.
서서히 나타나거나 사라지는 효과는 On이 기본값입니다.
