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

Ship Agents Faster

Transform your applications and workflows into powerful agentic systems at global scale.

Gemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.

Get Started Free

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
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
WebMaxy Analyzer

Webmaxy Analyzer provides real-time user insights, heatmaps, surveys & polls, funnel view and form analytics. Get access to your users’ journey videos and know the features that appeal the most to your customers. By knowing your visitors, you can enhance their website experience and boost...

See Software