skills.rest
yyds-x
yyds-xCOMMUNITY
Explore all skills by this author →
GitHub

skyline-scroll-api

Provides programmatic scrolling and panel control for Skyline-enabled WeChat Mini Programs.

Updated Dec 19, 2025
Search Tags:#pull-to-refresh#scroll#worklet#weixin-miniprogram#draggable-sheet#two-level#scrollviewcontext
One-click install
npx skills add https://github.com/yyds-x/walk --skill skyline-scroll-api-yyds-x
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: skyline-scroll-api
Source: https://github.com/yyds-x/walk/tree/main/.agents/skills/skyline-scroll-api
Command: npx skills add https://github.com/yyds-x/walk --skill skyline-scroll-api-yyds-x

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Skyline-based apps often need precise, programmatic control of scrolling, refresh actions, and draggable panels, which is hard to achieve with declarative UI alone.

Core Features & Use Cases

  • Programmatic ScrollViewContext control for scroll position and triggers.
  • DraggableSheetContext control to move the panel to a desired size or pixel position.
  • worklet.scrollViewContext usage to drive scrolling from UI thread for high-performance interactions.
  • Trigger refresh and two-level pull actions in response to data or gestures.

Quick Start

Enable the enhanced scroll-view, obtain a reference to the ScrollViewContext / DraggableSheetContext / worklet.scrollViewContext, and start issuing scrollTo/triggerRefresh/triggerTwoLevel commands as needed.

Frequently Asked Questions about skyline-scroll-api

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I programmatically scroll to a specific position in a WeChat Mini Program using Skyline?▼

To programmatically scroll in Skyline, obtain the ScrollViewContext via NodesRef.node() or NodesRef.ref() and issue scrollTo commands. You can specify absolute positions or target elements with size-based or pixel-based positioning, including duration and easing options.

Can I trigger pull-to-refresh and two-level pull actions programmatically in Skyline scroll-views?▼

Yes, you can trigger pull-to-refresh and two-level pull actions programmatically. After enabling the enhanced scroll-view to obtain the ScrollViewContext, call the triggerRefresh or triggerTwoLevel commands to initiate these actions in response to data or gestures.

How do I control draggable panels in Skyline-enabled WeChat Mini Programs?▼

You control draggable panels by obtaining the DraggableSheetContext and issuing commands to move the panel. The API supports moving the sheet to a desired size or specific pixel position, allowing precise panel manipulation across logic and UI thread contexts.

Does worklet.scrollViewContext support high-performance scrolling on the UI thread?▼

Yes, worklet.scrollViewContext drives scrolling directly from the UI thread for high-performance interactions. This allows you to execute scroll commands within worklet contexts, reducing main-thread bottlenecks during complex gesture-driven animations.

What prerequisites are needed to use ScrollViewContext for scroll control?▼

You must enable the enhanced scroll-view component to obtain the ScrollViewContext. After enabling it, use NodesRef.node() or NodesRef.ref() to get the necessary references before issuing scrollTo, triggerRefresh, or triggerTwoLevel commands.

What options are available for customizing scroll animations with ScrollViewContext?▼

ScrollViewContext supports customizing scroll animations through duration and easing options. When using scrollTo to move to absolute positions or specific elements, you can specify these parameters to control the animation speed and transition curve.

Related Skills

Explore More Software Engineering Skills→
TugoukezhangTugoukezhang
8

skyline-scroll-api

Drives Skyline scroll components with programmatic contexts for precise automation.

Community
Advanced
TugoukezhangTugoukezhang
8

skyline-worklet

Execute worklet animation code on the UI thread for responsive motion.

Community
Advanced
mymx2mymx2
4

skyline-scroll-api

Control scroll-view and DraggableSheet components via the Skyline API.

Community
Advanced
mymx2mymx2
4

skyline-components

Provide WeChat Skyline development patterns for nested scrolling and shared element animations.

Community
Advanced