Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@apatheticwes/scrollify

Package Overview
Dependencies
Maintainers
1
Versions
20
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@apatheticwes/scrollify

A simple thing for triggering stupid scroll effects that everybody loves

  • 0.2.0
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
11
increased by22.22%
Maintainers
1
Weekly downloads
 
Created
Source

Scrollify

Scrollify. Trigger simple actions on scroll.

A Note on the Possibilities

There are several things you might want to do upon user-scroll. This ES6 class provides a few basic things, such as "pinning" an element, parallax-ing it, or toggling a class on/off. You can also easily create your own custom plugin effects.

  • Pin: sticks an element to a particular point and holds in there for a pre-defined number of pixels.
  • Parallax: move stuff on scroll. A subtle effect that transistions elements more slowly (or perhaps quickly) than the speed of the user-scroll.
  • Toggle: turn a CSS class on or off if the element crosses a particular threshhold on the page.
  • Custom: you can easily add your own custom effects, which may include various transformations, rotations, etc.

    Getting Started

    Download it from Github.

    Include the relevant scripts in your web page, and then:

    ...

    Support

    • IE9+
    • Safari / Chrome
    • Firefox

    Known Issues

    Examples

    Please see the demo directory

    Release History

    0.1

    • initial commit
  • Keywords

    FAQs

    Package last updated on 25 Jul 2016

    Did you know?

    Socket

    Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

    Install

    Related posts

    SocketSocket SOC 2 Logo

    Product

    • Package Alerts
    • Integrations
    • Docs
    • Pricing
    • FAQ
    • Roadmap
    • Changelog

    Packages

    npm

    Stay in touch

    Get open source security insights delivered straight into your inbox.


    • Terms
    • Privacy
    • Security

    Made with ⚡️ by Socket Inc