UNPKG

@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
<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