Full screen intro section
npm install introscroll






> Create a fullscreen intro section and dismiss it in a single gesture.
See the demo here
!GitHub stars
!GitHub forks
!GitHub watchers
!GitHub followers
!GitHub code size in bytes
!GitHub repo size
!GitHub language count
!GitHub top language
!GitHub last commit
This library creates a fullscreen intro section and disables the default page scroll.
The page scroll is being enabled again after a single mouse scroll, touch swipe up or any gesture that forces the page to move upwards.
``sh`
npm i introscroll
or
`sh`
yarn add introscroll
or
just download this repository and link the files located in dist folder
or include it from unpkg.com
`html`
Then
`javascript`
import IntroScroll from 'introscroll';
and initialize an instance using default settings
`javascript`
const intro = new IntroScroll();
or add your own settings
`javascript``
const intro = new IntroScroll({
element: '#your-fullscreen-section',
wrapper: '#your-fullscreen-sections-wrapper',
container: '#your-fullscreen-sections-container',
trigger: '#your-fullscreen-sections-link',
scrollClass: 'intro--scrolled',
duration: 1000,
afterScroll(instance) {
console.log(instance.element);
}
});
For more details please see the demo.
MIT
---
---