scrollUp jQuery plugin

https://github.com/eehd80/scrollup

GitHub - eehd80/scrollup

 

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