Tag

scrolling

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Apr 22, 2025 · Frontend Development

Vue Directive for Continuous List Scrolling Animation with Pause on Interaction

This article explains how to create a reusable Vue directive that animates a list scrolling continuously using requestAnimationFrame, allows pausing on mouse click, and lets users adjust the scroll speed, with a complete code example and detailed implementation notes.

DirectiveVueanimation
0 likes · 5 min read
Vue Directive for Continuous List Scrolling Animation with Pause on Interaction
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 28, 2023 · Frontend Development

How to Create a Left‑Looping Scrolling Text Using HTML, CSS, and JavaScript

This article explains four different techniques—including pure JavaScript frame updates, setInterval with CSS transitions, CSS keyframe animation, and a text‑shadow trick—to achieve a continuously left‑scrolling text effect, compares their performance and complexity, and provides complete code samples for each method.

CSSJavaScriptanimation
0 likes · 6 min read
How to Create a Left‑Looping Scrolling Text Using HTML, CSS, and JavaScript
DaTaobao Tech
DaTaobao Tech
Feb 15, 2022 · Mobile Development

Optimizing Fast and Precise Scrolling in Android RecyclerView

By preloading off-screen items, applying a short non-animated jump for large distances, and then using a customized smooth-scroll with precise offset correction, the Android RecyclerView achieves fast, accurate scrolling without white-screen flashes or abrupt stops, greatly improving navigation of long, dynamically-sized lists.

AndroidPerformanceRecyclerView
0 likes · 14 min read
Optimizing Fast and Precise Scrolling in Android RecyclerView
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 30, 2021 · Mobile Development

Fixing Jumping Behavior in Flutter Chat Lists with CustomScrollView Center

This article explains why a reverse‑ordered Flutter chat ListView jumps when inserting messages at both ends, analyzes the underlying Viewport‑Scrollable‑Sliver architecture, and demonstrates how configuring the center property of a CustomScrollView with multiple SliverLists eliminates the unwanted scroll offset changes.

ChatFlutterMobile
0 likes · 6 min read
Fixing Jumping Behavior in Flutter Chat Lists with CustomScrollView Center
Qunar Tech Salon
Qunar Tech Salon
Jul 29, 2021 · Mobile Development

Deep Dive into Flutter CustomScrollView: Architecture, Rendering Process, and Performance Optimizations

This article provides an in‑depth analysis of Flutter’s CustomScrollView component, covering its three‑layer architecture, rendering pipeline, scrollable mechanics, pinned header implementation, lazy‑loading strategy, and memory reuse techniques, illustrated with practical examples from Ctrip hotel app development.

FlutterPerformancecustomscrollview
0 likes · 22 min read
Deep Dive into Flutter CustomScrollView: Architecture, Rendering Process, and Performance Optimizations