memob0x/scroll-padlock

ScrollPadlock is a lightweight JavaScript library that enables CSS-first control over HTML element scrolling by dynamically injecting CSS variables with scrollbar measurements. It's designed for developers who want to lock scrolling on elements while maintaining precise layout control, particularly useful for modal overlays or fixed-position components where scrollbar width compensation is needed. The library requires no dependencies, works in all modern browsers, and provides customizable options for targeting specific elements and formatting CSS variables.