오늘은 상위로 돌아가는 JS JQ 함수를 만들어봤습니다. 더 이상 헛소리는 그만, 사진과 진실이 있습니다!
코드는 매우 간단합니다. 버그가 있는 경우 메시지를 남겨주시면 함께 개선해 드리겠습니다.
방법 2:
주요 매개변수:
scrollName: 'scrollUp', // 요소 ID
topDistance: '300', // 요소를 표시하기 전 상단으로부터의 거리(px)
topSpeed: 300, // 위로 돌아가는 속도(ms)
animation: 'fade', // 페이드, 슬라이드, 없음
animationInSpeed: 200, // 애니메이션 속도(ms)
animationOutSpeed: 200, // 애니메이션 출력 속도(ms)
scrollText: '맨 위로 스크롤', // 요소
의 텍스트
activeOverlay: 거짓,
// "맨 위로 돌아가기" 버튼이 나타날 때 스크롤할 페이지 위치를 찾는 데 도움이 됩니다.
jquery 코드(ScrollUp.js):
$(function () { $.scrollUp({ scrollName: 'scrollUp', // Element ID topDistance: '300', // Distance from top before showing element (px) topSpeed: 300, // Speed back to top (ms) animation: 'fade', // Fade, slide, none animationInSpeed: 200, // Animation in speed (ms) animationOutSpeed: 200, // Animation out speed (ms) scrollText: 'Scroll to top', // Text for element activeOverlay: false, // set css color to display scrollup active point, e.g '#00ffff' }); });