Disables scrolling on certain events.

Usage no npm install needed!

<script type="module">
  import finsweetAttributesScrolldisable from 'https://cdn.skypack.dev/@finsweet/attributes-scrolldisable';


scrolldisable Attribute

Users can prevent the page from scrolling when:

  • An element is clicked.
  • An element is visible on the page.
  • A Nav Menu is open.

CDN Import

<!-- [Attributes by Finsweet] CMS Scroll Disable -->
<script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-scrolldisable@1/scrolldisable.js"></script>