This article explains Android's NestedScrolling mechanism introduced in Android 5.0, detailing the parent‑child interaction flow, key interfaces (NestedScrollingParent and NestedScrollingChild), helper classes, and provides Kotlin/Java code examples for custom views and RecyclerView integration.
Discover eight practical strategies—including passive listeners, event delegation, scroll-through prevention, requestAnimationFrame, throttling, hardware acceleration, click-delay elimination, custom gestures, and IntersectionObserver—that dramatically boost mobile touch event responsiveness and deliver silky-smooth user experiences across web applications.
This article outlines twelve common mobile web challenges—from 1px borders and 300 ms click delays to safe‑area handling and image loading optimization—providing concise CSS and JavaScript solutions to improve responsiveness, usability, and performance across diverse devices.
Introducing NestedScrollFrameLayout, a FrameLayout subclass that implements NestedScrollingChild, enables any wrapped view to participate in Android nested scrolling—including touch and fling—without modifying the child, offering one‑click integration, smoother continuous scrolls, and dramatically lower development and maintenance costs.
This article explains the causes of scroll chaining on mobile browsers, illustrates two common scenarios that trigger it, and provides a reusable React hook solution—including touch handling, scroll‑parent detection, and event‑preventing logic—to reliably stop unwanted scrolling in overlays.
This article walks through the design and implementation of NutUI 3.0's Drag component for mobile web, explaining the two main drag techniques, touch event handling, boundary checks, optional axis constraints, and snap‑to‑edge behavior with complete Vue code examples.
This article explores the challenges and solutions for implementing double-tap zoom functionality in touch-enabled devices, addressing common problems with existing methods and proposing a mathematical approach to achieve accurate scaling and panning.
This article provides an in‑depth overview of Cocos Creator's node‑component architecture, covering node creation, hierarchy, spatial properties, touch event flow, and the detailed Visit and Render processes that transform component data into WebGL graphics for game development.
The article explains how to create a reusable letter sorting component for WeChat Mini Programs, covering data fetching, custom component encapsulation, touch event handling for A-Z indexing, scroll synchronization, and performance optimization techniques.
This article explains how to build a reusable Vue component for mobile drag‑and‑drop, covering Vue's advantages, component structure, touch‑event handling, data‑driven updates, optimization techniques, and differences between mobile and PC implementations, with complete code examples.
This article explains why touch event handlers can degrade mobile scrolling, how Chrome's passive listener option improves performance by default, the implementation details, common pitfalls, and practical fixes using CSS touch-action and proper event handling.
This tutorial explains how to create a left‑swipe delete effect in a WeChat Mini Program list view by layering items, using absolute positioning, and handling touchstart, touchmove, and touchend events to move items and reveal action buttons based on swipe distance.
This guide explains the evolution of Apple’s Force Touch to 3D Touch, lists supported iPhone models, describes Quick Actions and Peek‑and‑Pop interactions, and provides step‑by‑step code for detecting touch pressure in Safari 10 using Touch.force and the touchforcechange event.
