본문 바로가기
Site/Library

scrollUp jQuery plugin

by 오다다 코드 odada 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

 

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

css Animate  (0) 2020.09.22
원페이지 애니메이션 스크롤링 (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