# WebScroller

**Repository Path**: cencus/web-scroller

## Basic Information

- **Project Name**: WebScroller
- **Description**: 本篇在Scroll滚动组件中嵌套了一个Web组件，通过nestedScroll进行滚动拦截，实现了一个文章详情展示案例。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 10
- **Created**: 2024-10-15
- **Last Updated**: 2026-06-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Web Nested Sliding

### Overview
This sample showcases an article detail display case where a **Web** component is nested within a **Scroll** component and the **nestedScroll** attribute is used to intercept the scrolling action. Preview

![](screenshots/device/phone_EN.png)

### Project Directory

```
├──entry/src/main/ets/
│  ├──entryability
│  │  └──EntryAbility.ets               // Entry ability
│  ├──pages                  
│  │  ├──NestedScrolling.ets            // 
│  │  ├──FullExpansion.ets              // 
│  │  ├──WebNestedTabs.ets              // 
│  │  └──Index.ets                      // Home page
│  ├──view                  
│  │  └──StandardButtonList.ets         // 
│  └──viewmodel                  
│     └──MenuViewModel.ets              // 
└──entry/src/main/resource              // Static resources

```

### Concepts
- **Scroll**: a component that scrolls the content when the layout size of a component exceeds the viewport of its parent component.
- **Web**: a component used to display web pages.

### Required Permissions

N/A

### How to Use

1. Start the app. The **Web** component automatically adapts to the screen size.
2. Swipe up or down in the display area.

### Constraints

1. The sample app is supported on Bar phone, Bi-fold phone, Tablet running the standard system.

2. The HarmonyOS version must be HarmonyOS 5.0.5 Release or later.

3. The DevEco Studio version must be DevEco Studio 5.0.5 Release or later.

4. The HarmonyOS SDK version must be HarmonyOS 5.0.5 Release or later.