awesome-repositories.com
博客
MCP
awesome-repositories.com

通过 AI 驱动的搜索,发现最优秀的开源仓库。

探索精选搜索开源替代品自托管软件博客网站地图
项目MCP 服务器关于排名机制媒体报道
法律隐私政策服务条款
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

3 个仓库

Awesome GitHub RepositoriesNative Scrollbar Hiding

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.

Awesome Native Scrollbar Hiding GitHub Repositories

用 AI 发现最棒的仓库。我们将通过 AI 为您搜索最匹配的仓库。
  • kingsora/overlayscrollbarsKingSora 的头像

    KingSora/OverlayScrollbars

    5,157在 GitHub 上查看↗

    OverlayScrollbars 是一个 JavaScript 滚动条插件和 DOM 元素滚动管理器,用可自定义样式的覆盖版本替换原生浏览器滚动条。它作为一个 UI 组件,用于设置滚动条轨道和滑块的样式,同时保留原始的滚动行为和可访问性。 该项目通过使用自定义 Web 滚动条覆盖原生实现,确保了跨浏览器的 UI 一致性。它利用 CSS 自定义属性和预定义主题系统,使滚动条的视觉外观能够匹配特定的网站设计。 该库包含一个用于按元素控制滚动条布局和性能模式的程序化接口。它具有用于添加自定义行为或兼容性 Polyfill 的插件架构,并提供在元素大小或内容更改时进行手动布局重新计算的工具。

    Wraps elements in containers to hide native browser scrollbars while preserving original overflow behavior.

    TypeScriptangularcustomfrontend
    在 GitHub 上查看↗5,157
  • dolphin-wood/smooth-scrollbardolphin-wood 的头像

    dolphin-wood/smooth-scrollbar

    3,357在 GitHub 上查看↗

    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.

    TypeScriptcustom-scrollbarfrontendjavascript
    在 GitHub 上查看↗3,357
  • malte-wessel/react-custom-scrollbarsmalte-wessel 的头像

    malte-wessel/react-custom-scrollbars

    3,217在 GitHub 上查看↗

    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.

    JavaScriptcustomizablereactscrollbars
    在 GitHub 上查看↗3,217
  1. Home
  2. User Interface & Experience
  3. Scroll Interaction Handlers
  4. Scroll State Controllers
  5. Scroll Behavior Control
  6. Native Scroll Interception
  7. Native Scrollbar Hiding

探索子标签

  • Auto-Hiding FadesFades out scrollbars automatically upon inactivity. **Distinct from Native Scrollbar Hiding:** Distinct from native scrollbar hiding: focuses on active fading transitions based on idle timers rather than static hiding.
  • Layout WrappersRenders custom layout wrappers over native scroll containers while hiding native scrollbars. **Distinct from Native Scrollbar Hiding:** Distinct from native scrollbar hiding: focuses on structural DOM element wrapping with calculated negative margins rather than simple CSS hiding rules.