@splidejs/splide-extension-intersection
Version:
The Splide extension for observing the intersection of the slider with the viewport.
43 lines (30 loc) • 1.2 kB
Markdown
<div align="center">
<a href="https://splidejs.com">
<img alt="Splide" src="./images/logo.svg" width="70">
</a>
<h1>Intersection - Splide Extension</h1>
<p>
The extension for controlling the <a href="https://github.com/Splidejs/splide">Splide</a> slider when it enters or exits the viewport. For example, you can enable autoplay only when the slider is visible.
</p>
<p>
<a href="https://splidejs.com/extensions/intersection/#overview">Demo</a>
<br>
<a href="https://splidejs.com/extensions/intersection/#installation">Getting Started</a>
<br>
<a href="https://splidejs.com/extensions/intersection/#options">Options</a>
<br>
<a href="https://splidejs.com/">Splide</a>
</p>
</div>
## Packages
The package is available on NPM and [jsDelivr](https://www.jsdelivr.com/package/npm/@splidejs/splide-extension-intersection).
```
$ npm install @splidejs/splide-extension-intersection
```
Or download files from the dist directory.
## Caveats
This extension does not support IE because of Intersection Observer.
You need to install a polyfill to make it work in IE.
## License
Splide is released under the MIT license.
© 2021 Naotoshi Fujita