1.0.2 • Published 7 years ago

just-scroll v1.0.2

Weekly downloads
1
License
MIT
Repository
github
Last release
7 years ago

Just Scroll npm version

Simple indicate the possibility of scrolling on a page with СSS3 animation.

Features

  • Work on all modern and many older browsers
  • Have SASS version for re-build (developers only)
  • Include colors, helpers and more stuff
  • Support for your issues

Desktop browsers support

10+16+3+5+12.10+

Mobile browsers support

16+2+4+12.10+

How to use?

  • First, install from npm to your project:
$ npm install just-scroll --save
  • Next, import just-scroll to your builded SASS (or SCSS) file:
@import('just-scroll')
  • Good. Now, add special container with .just-scroll, .to-down (or .to-up if you want to indicate scroll up action) and .color-* classes:
<div class="just-scroll to-down color-black">
  ...
</div>
  • And finally, place animated element into .just-scroll container:
<div class="just-scroll to-down color-black">
  <div class="mouse-icon">
    <div class="wheel"></div>
  </div>
</div>

More options?

Just add this class to .just-scroll container:

.to-*

CSS ClassDescription
.to-upAnimation scroll up
.to-downAnimation scroll down

.color-*

CSS ClassDescriptionValue
.color-blackBlack colorrgba(0, 0, 0, 1)
.color-whiteWhite colorrgba(255, 255, 255, 1)
.color-greenGreen colorrgba(35, 209, 96, 1)

.centered

CSS ClassDescriptionValue
.centeredPlace .just-scroll container to center of parent html elementmargin: 0 auto

Animated elements

.mouse-icon

<div class="mouse-icon">
  <div class="wheel"></div>
</div>

License

The MIT License (MIT)