3 个仓库
Techniques for visually concealing default browser scrollbars while retaining native scrolling functionality.
Distinct from Native Scroll Interception: Focuses on hiding the scrollbar UI specifically, rather than intercepting all scroll events.
Explore 3 awesome GitHub repositories matching user interface & experience · Native Scrollbar Hiding. Refine with filters or upvote what's useful.
OverlayScrollbars 是一个 JavaScript 滚动条插件和 DOM 元素滚动管理器,用可自定义样式的覆盖版本替换原生浏览器滚动条。它作为一个 UI 组件,用于设置滚动条轨道和滑块的样式,同时保留原始的滚动行为和可访问性。 该项目通过使用自定义 Web 滚动条覆盖原生实现,确保了跨浏览器的 UI 一致性。它利用 CSS 自定义属性和预定义主题系统,使滚动条的视觉外观能够匹配特定的网站设计。 该库包含一个用于按元素控制滚动条布局和性能模式的程序化接口。它具有用于添加自定义行为或兼容性 Polyfill 的插件架构,并提供在元素大小或内容更改时进行手动布局重新计算的工具。
Wraps elements in containers to hide native browser scrollbars while preserving original overflow behavior.
Smooth-scrollbar is a customizable JavaScript library that replaces native browser scrollbars and scrolling behavior on target DOM elements with inertial momentum physics. It provides consistent cross-browser scrolling interfaces, hardware-accelerated visual translations, and dynamic thumb positioning. The library supports nested scroll container management, allowing outer containers to continue scrolling automatically when inner scrollable areas reach their boundary edges. It features a modular plugin architecture that enables third-party extensions to hook into core scroll events, track upd
Replaces standard browser scrolling behavior and native scrollbars on target elements with custom inertial scrolling mechanisms.
React custom scrollbars is a user interface component built for React applications that replaces native browser scrollbars with custom-styled tracks and thumbs. It maintains consistent visual appearance across different platforms and browsers while generating matching markup on both server and client environments to support server-side rendering without layout shift. The library provides comprehensive styling options by overriding default track, thumb, and view elements with custom components, CSS classes, or inline styles. It handles layout adjustments by resizing container dimensions dynami
The scroll component library fades out scrollbars automatically when the user stops scrolling to keep the user interface clean and unobtrusive.