# WebScroller

**Repository Path**: bookcube/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-11-05
- **Last Updated**: 2024-11-05

## 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/web.gif)

### Project Directory

```

├──entry/src/main/ets/
│  ├──common/constant
│  │  └──CommonConstants.ets            // Common constants
│  ├──entryability
│  │  └──EntryAbility.ets               // Entry ability
│  ├──page                  
│  │  └──Index.ets                      // Home page
│  └──viewmodel                  
│     └──InitialData.ets                // Data
└──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 only on Huawei phones running the standard system.

2. The HarmonyOS version must be HarmonyOS NEXT Developer Beta1 or later.

3. The DevEco Studio version must be DevEco Studio NEXT Developer Beta1 or later.

4. The HarmonyOS SDK version must be HarmonyOS NEXT Developer Beta1 or later.