@js4y/lock-scroll

Introduction

none dependencies npm npm bundle size license

A set of methods to lock scrolling within an element or an entire page on mobile devices, tablets and desktops.

Features

Scrollable element

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In interdum felis vitae molestie vestibulum. Nam porta congue nunc nec vulputate. Duis sapien urna, tempus porttitor bibendum lobortis, rhoncus a leo. Mauris et dui viverra, placerat purus sit amet, tempus urna. Aenean feugiat rutrum facilisis. Cras non massa suscipit, egestas nisl in, porttitor neque. Fusce non diam facilisis, congue augue in, ultricies urna. Mauris id facilisis justo, et pellentesque nibh.

Suspendisse sem libero, ornare in condimentum ac, lacinia eget justo. In et ex erat. Proin commodo a enim nec efficitur. Mauris cursus elit sed faucibus lobortis. Mauris sollicitudin mattis felis, a mattis risus dignissim ut. Pellentesque a eros sit amet ante imperdiet dignissim et id elit. Pellentesque suscipit turpis nisi, at lobortis orci tempor in. Nullam eu commodo dui. Sed cursus fermentum augue vel viverra. Phasellus lacus tellus, blandit id vehicula quis, gravida in nisl. Aenean sed dignissim tortor. Morbi sit amet orci vitae ante suscipit convallis. Donec blandit quam nulla, quis consectetur massa gravida hendrerit. Proin egestas purus euismod ligula consequat tincidunt. Praesent condimentum orci non neque consequat, sed consectetur nisi tincidunt. Sed non dui tellus.

Nulla nec lectus ac nisl scelerisque ultricies. Ut magna dolor, laoreet sit amet nisi eu, tempus efficitur metus. Praesent accumsan congue cursus. Aliquam suscipit suscipit turpis, sed fringilla nibh dapibus eget. Donec luctus risus sed mi suscipit sodales. Nullam mollis egestas felis, nec suscipit est porttitor quis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam vitae nisi nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer vel malesuada felis. Integer commodo non magna at viverra. Fusce ut dictum nisl. Sed fermentum volutpat nulla sollicitudin tempus. Nam gravida dolor arcu, non malesuada nunc ornare id.

Morbi vitae tellus mollis, aliquet ante scelerisque, pellentesque lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis pretium at dolor non convallis. In interdum vestibulum nisl, et pretium justo scelerisque a. Vestibulum ex erat, laoreet in congue id, blandit non mi. Duis ut sodales quam. Proin vitae odio mauris. Nunc vel eros sed justo faucibus placerat.

Nunc in diam nisi. Donec sit amet elementum urna. Vivamus diam libero, finibus quis lectus quis, sollicitudin consequat est. Vivamus molestie augue quis nunc rhoncus eleifend. Duis at vulputate orci, quis suscipit nulla. Vivamus ut sodales tellus, id posuere dui. Aliquam dui lectus, hendrerit eu fermentum et, rutrum ut dolor. Sed condimentum eu lorem sit amet tincidunt.

JavaScript source code