본문 바로가기
Library

scrollUp jQuery plugin

by 오다다 코드 오다다 Code 2020. 8. 25.

 

https://markgoodyear.com/2013/01/scrollup-jquery-plugin/

 

scrollUp jQuery plugin — Mark Goodyear — Front-end developer and designer

ScrollUp is a lightweight jQuery plugin to create a customisable "Scroll to top" feature that will work with any website, with ease. Recently whilst working on a client project I was required to implement a “Scroll to top” feature to make it easy for t

markgoodyear.com

 

ScrollUp은 모든 웹 사이트에서 쉽게 작동하는 사용자 정의 가능한 "Scroll to top"기능을 만드는 경량 jQuery 플러그인입니다.

사용하는 방법

jquery.scrollUp.min.js 파일을 포함하고 문서 헤드에 다음을 배치하기 만하면됩니다  (jQuery가 포함되어 있는지 확인).

기본 옵션

$(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'
  });
});

 

디자인 수정

#scrollUp {
  bottom: 20px;
  right: 20px;
  padding: 10px 20px;
  background: #555;
  color: #fff;
}

 

github

https://github.com/markgoodyear/scrollup

 

markgoodyear/scrollup

Contribute to markgoodyear/scrollup development by creating an account on GitHub.

github.com

 

'Library' 카테고리의 다른 글

원페이지 애니메이션 스크롤링 (onepage animation scroll)  (0) 2020.08.25
scrollUp jQuery plugin  (0) 2020.08.25
원페이지 스크롤 Fullpage.js  (0) 2020.07.28
유용한 라이브러리 모음  (0) 2020.04.09
Bootstrap 시작하기  (0) 2020.03.31

댓글0