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

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

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

8 个仓库

Awesome GitHub RepositoriesNative Scroll Interception

Mechanisms for overriding default browser scrolling by capturing wheel events and applying manual transform updates.

Distinct from Scroll Behavior Control: Distinct from Scroll Behavior Control: specifically covers the interception and replacement of native events with manual transforms, not just configuration of scroll easing.

Explore 8 awesome GitHub repositories matching user interface & experience · Native Scroll Interception. Refine with filters or upvote what's useful.

Awesome Native Scroll Interception GitHub Repositories

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

    locomotivemtl/locomotive-scroll

    8,807在 GitHub 上查看↗

    Locomotive Scroll is a JavaScript library and toolkit for managing DOM scroll interactions, featuring a smooth scroll motion controller and a parallax scrolling engine. It provides a system for implementing fluid scrolling and tracking element visibility within the viewport. The library creates depth and motion by moving elements at different speeds relative to the scroll position. It includes a viewport visibility tracker used to initiate visual transitions and animations when specific elements enter the browser viewport. The toolkit covers programmatic scroll control, dynamic element regis

    Implements a custom scroll engine by intercepting native wheel events and updating element positions via CSS transforms.

    JavaScript
    在 GitHub 上查看↗8,807
  • grsmto/simplebarGrsmto 的头像

    Grsmto/simplebar

    6,406在 GitHub 上查看↗

    Custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser.

    Overrides the native scrollbar visibility while preserving the original scroll event handling and momentum physics.

    TypeScript
    在 GitHub 上查看↗6,406
  • 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
  • mescroll/mescrollmescroll 的头像

    mescroll/mescroll

    4,459在 GitHub 上查看↗

    mescroll 是一个 JavaScript 无限滚动库和移动端 Web 滚动管理器,旨在实现下拉刷新和上拉加载模式。它提供了一个用于处理触摸滚动、管理分页状态以及在 Vue 应用程序中集成这些行为的系统。 该库的特色在于对聊天界面的专门支持,能够实现反向数据加载,并能够以反向注入数据来模拟消息历史。它还包括一个状态持久化的滚动缓存,以在用户在不同视图之间导航时保留垂直偏移量和列表数据。 该项目涵盖了广泛的交互和性能功能,包括抑制原生浏览器回弹效果、视口感知图像懒加载以及程序化滚动定位。它还提供了用于管理分页状态、自定义加载和空状态 UI 以及实现返回顶部导航的实用工具。

    Provides the ability to intercept and disable native browser rubber-banding effects for tighter control over the UI.

    Vuebouncecss3html5
    在 GitHub 上查看↗4,459
  • yalantis/phoenixYalantis 的头像

    Yalantis/Phoenix

    3,975在 GitHub 上查看↗

    Phoenix 是一个专为移动端和 Web 视图设计的下拉刷新 UI 组件及 JavaScript 手势库。它提供了一种可重用的交互模式,当用户向下拉动屏幕时触发数据更新。 该项目具有可自定义的视觉指示器和主题动画,可对下拉操作的状态做出反应。它包含手动状态协调机制,允许外部控制器独立于用户输入以编程方式触发或取消刷新序列。 为确保流畅的用户体验,该库通过拦截滚动事件与移动优先视图集成,以防止与原生浏览器行为发生冲突。

    Intercepts native browser scroll events to prevent default behavior during pull-to-refresh gestures.

    Javaandroidanimationjava
    在 GitHub 上查看↗3,975
  • iamdustan/smoothscrolliamdustan 的头像

    iamdustan/smoothscroll

    3,826在 GitHub 上查看↗

    smoothscroll is a browser compatibility library and JavaScript polyfill that provides uniform smooth scrolling behavior across different web browsers. It functions as a frontend animation utility that intercepts standard scroll commands and replaces them with custom animation logic to ensure consistent navigation transitions. The library includes a runtime feature detection tool that identifies native browser support for scroll properties, preventing redundant execution in modern environments. It synchronizes page position updates with the browser display refresh rate to prevent visual stutte

    Intercepts native scroll commands to redirect them through a custom animation pipeline for consistent behavior.

    JavaScript
    在 GitHub 上查看↗3,826
  • 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

探索子标签

  • Native Scrollbar Hiding2 个子标签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.