BSL download | SourceForge.net

Enables body scroll locking (for iOS Mobile and Tablet, Android, desktop Safari/Chrome/Firefox) without breaking scrolling of a target element (eg. modal/lightbox/flyouts/nav-menus). If the overflow property of the body is set to hidden, the body widens by the width of the scrollbar. This produces an unpleasant flickering effect, especially on websites with centered content. If the reserveScrollBarGap option is set, this gap is filled by a padding-right on the body element. If disableBodyScroll is called for the last target element, or clearAllBodyScrollLocks is called, the padding-right is automatically reset to the previous value. Works with vanilla JS and frameworks such as React / Angular / VueJS. Disables body scroll WITHOUT disabling scroll of a target element. Supports nested target elements (eg. a modal that appears on top of a flyout).

Features

Disables body scroll without disabling scroll of a target element
Works on iOS mobile/tablet
Works on Safari desktop
Works on Chrome/Firefox
Works with vanilla JS and frameworks such as React / Angular / VueJS
Supports nested target elements (eg. a modal that appears on top of a flyout)
Can reserve scrollbar width

Project Samples

Project Activity

See All Activity >

License

MIT License

Follow BSL

BSL Web Site

Other Useful Business Software

Our Free Plans just got better! | Auth0

With up to 25k MAUs and unlimited Okta connections, our Free Plan lets you focus on what you do best—building great apps.

You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.

Try free now

Rate This Project

User Reviews

Be the first to post a review of BSL!

Additional Project Details

Operating Systems

Android, Apple iPhone

Programming Language

JavaScript

Related Categories

JavaScript User Interface (UI) Software

Registered

2022-03-04

Similar Business Software

Kevel

Kevel (previously Adzerk) gives you the APIs needed to quickly build your own fully-customized ad server for sponsored listings, internal promotions, native ads, and more – so you can take back the Internet and drive more online revenue. Our award-winning platform handles over three billion API...

See Software
Smartlook

Smartlook is a qualitative analytics solution for websites and mobile apps helping over 300,000 businesses of all sizes and industries answer the "whys" behind their users' actions. Eliminate the guesswork and discover real, actionable reasons. With a unique feature set, Smartlook finally...

See Software
Ruttl

ruttl is the fastest way for product, marketing, sales and support teams to collect visual feedback, collaborate, and manage ideas through tools like website feedback, bug tracking and mobile app feedback. Users can leave comments directly on live websites/apps and make real time edits so they...

See Software
Omnis Studio

Omnis Studio is a cross platform application development environment. Omnis Studio allows application developers and programmers to write application code and business logic once, and deploy their applications on virtually any platform or device, including desktop PCs on Windows and macOS, as...

See Software
Userback

Userback is the leading user feedback and bug tracking solution for software teams looking to understand users and build better products. With Userback, you can collect metadata-enriched visual feedback and gain deep insights into your user's sentiment and behavior with in-app surveys like...

See Software
Miro

Keep your team's minds in sync with Miro (formerly RealtimeBoard and AWW app). A virtual whiteboard and remote collaboration tool, Miro helps cross-functional teams work more efficiently together to build great things. The platform allows teams to ideate, visualize, and share ideas without any...

See Software