# WebScroller

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

## Basic Information

- **Project Name**: WebScroller
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 10
- **Created**: 2024-06-19
- **Last Updated**: 2024-06-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Web组件嵌套滑动

### 简介
本篇在Scroll滚动组件中嵌套了一个Web组件，通过nestedScroll进行滚动拦截，实现了一个文章详情展示案例。效果如下：

![](screenshots/device/web.gif)

### 工程目录

```

├──entry/src/main/ets/
│  ├──common/constant
│  │  └──CommonConstants.ets            // 公共常量类
│  ├──entryability
│  │  └──EntryAbility.ets               // 程序入口类
│  ├──page                  
│  │  └──Index.ets                      // 首页
│  └──viewmodel                  
│     └──InitialData.ets                // 数据
└──entry/src/main/resource              // 应用静态资源目录

```

### 相关概念
- Scroll：可滚动的容器组件，当子组件的布局尺寸超过父组件的视口时，内容可以滚动。
- Web: 提供具有网页显示能力的Web组件。

### 相关权限

不涉及

### 使用说明

1. 启动应用，web组件自适应。
2. 上下滑动展示区域。

### 约束与限制

1. 本示例仅支持标准系统上运行，支持设备：华为手机。

2. HarmonyOS系统：HarmonyOS NEXT Developer Beta1及以上。

3. DevEco Studio版本：DevEco Studio NEXT Developer Beta1及以上。

4. HarmonyOS SDK版本：HarmonyOS NEXT Developer Beta1 SDK及以上。