Leverage Vertical Scroll Direction with CSS
ScrollDir, short for Scroll Direction, is a 0 dependency micro Javascript plugin to easily leverage vertical scroll direction in CSS via a data attribute. 💪
yarn add scrolldir --dev
npm install scrolldir --save-dev
bower install scrolldir --save
Add **dist/scrolldir.auto.min.js** and your done. There is no more configuration to do! Scrolldir will **just** conveniently work.
Add dist/scrolldir.min.js. You have access to the API options below and must invoke scrollDir. See the Default Setup Usage and Options below.
scrollDir();
By default ScrollDir will set a data-scrolldir
attribute on the <html>
element:
<html data-scrolldir="up">
or
<html data-scrolldir="down">
Now it's easy to change styling for vertical scroll direction!
[data-scrolldir="down"] .my-fixed-header { display: none; }
This is a modular version of pwfisher's scroll-intent. ~TY!