Tag

Touch Events

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 4, 2025 · Mobile Development

Understanding Android NestedScrolling: Interfaces, Logic Flow, and Implementation Examples

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.

AndroidKotlinNestedScrolling
0 likes · 26 min read
Understanding Android NestedScrolling: Interfaces, Logic Flow, and Implementation Examples
Sohu Tech Products
Sohu Tech Products
Jul 10, 2024 · Mobile Development

A New Technical Solution for Android Nested Scrolling: NestedScrollFrameLayout

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.

AndroidCustom ViewFling
0 likes · 12 min read
A New Technical Solution for Android Nested Scrolling: NestedScrollFrameLayout
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Aug 3, 2023 · Frontend Development

Understanding and Solving Scroll Chaining Issues on Mobile Browsers

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.

HookReActTouch Events
0 likes · 16 min read
Understanding and Solving Scroll Chaining Issues on Mobile Browsers
New Oriental Technology
New Oriental Technology
Nov 17, 2020 · Frontend Development

Solving Double-Tap Zoom Issues in Touch Devices

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.

Touch EventsUI DevelopmentZoom
0 likes · 9 min read
Solving Double-Tap Zoom Issues in Touch Devices
Sohu Tech Products
Sohu Tech Products
Oct 14, 2020 · Game Development

Understanding Nodes, Components, and Rendering Pipelines in Cocos Creator

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.

Cocos CreatorComponentTouch Events
0 likes · 16 min read
Understanding Nodes, Components, and Rendering Pipelines in Cocos Creator
HomeTech
HomeTech
Nov 1, 2019 · Frontend Development

Implementing A-Z Contact List Sorting in WeChat Mini Programs

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.

A-Z sortingCustom ComponentTouch Events
0 likes · 8 min read
Implementing A-Z Contact List Sorting in WeChat Mini Programs
JD Tech
JD Tech
Apr 3, 2018 · Frontend Development

Implementing a Mobile Drag‑and‑Drop Component with Vue

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.

ComponentJavaScriptTouch Events
0 likes · 10 min read
Implementing a Mobile Drag‑and‑Drop Component with Vue
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jul 25, 2017 · Frontend Development

How Passive Touch Event Listeners Boost Mobile Scrolling Performance in Chrome

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.

ChromeTouch Eventsfrontend
0 likes · 8 min read
How Passive Touch Event Listeners Boost Mobile Scrolling Performance in Chrome
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Apr 4, 2017 · Frontend Development

How to Implement Swipe‑to‑Delete in WeChat Mini Programs

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.

Frontend UIJavaScriptSwipe Delete
0 likes · 3 min read
How to Implement Swipe‑to‑Delete in WeChat Mini Programs