Skill/Library

scrollUp jQuery plugin

oodada 2020. 8. 25. 13:18
반응형

https://github.com/eehd80/scrollup

 

GitHub - eehd80/scrollup

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

github.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

 

반응형

'Skill > Library' 카테고리의 다른 글

GaugeMeter  (0) 2020.10.13
무료 템플릿 사이트  (0) 2020.10.13
css Animate  (0) 2020.09.22
원페이지 애니메이션 스크롤링 (onepage animation scroll)  (0) 2020.08.25
유용한 라이브러리 모음  (0) 2020.04.09
티스토리 친구하기