Sticky Header | BestHub

DaTaobao Tech

Nov 14, 2022 · Mobile Development

Evolution and Architecture of Taobao Search Scroll Containers (XSearch)

The article traces Taobao’s XSearch evolution from a rigid 1.0 scrolling container to a flexible 2.0 architecture built on NestedScroll, detailing unified data models, MetaLayout rendering, customizable headers, and reusable components that improve code reuse, extensibility, and consistent UI across multiple search scenarios.

AndroidCode ExampleContainer Architecture

0 likes · 16 min read

Evolution and Architecture of Taobao Search Scroll Containers (XSearch)

ByteFE

Aug 18, 2021 · Frontend Development

Understanding and Using the Intersection Observer API for Visibility Detection in Frontend Development

This article explains the purpose, core concepts, configuration options, callback handling, and practical use‑cases of the Intersection Observer API—such as lazy loading, infinite scrolling, sticky headers, and analytics—while providing complete Vue 3 code examples and compatibility notes.

Infinite ScrollIntersectionObserverSticky Header

0 likes · 21 min read

Understanding and Using the Intersection Observer API for Visibility Detection in Frontend Development

政采云技术

Nov 17, 2019 · Frontend Development

Double Sticky Header Implementation with Vue: Pitfalls and Solutions

This article details a Vue-based double sticky header solution, explaining the implementation using the VueSticky plugin, outlining compatibility considerations for IE9+, enumerating common issues such as overlapping, persistent stickiness, and deformation, and providing practical code snippets and workarounds to ensure robust cross‑browser behavior.

IE CompatibilityJavaScriptSticky Header

0 likes · 9 min read

Double Sticky Header Implementation with Vue: Pitfalls and Solutions