diff --git a/zh-cn/application-dev/reference/apis-arkui/arkui-ts/figures/enablePaging.gif b/zh-cn/application-dev/reference/apis-arkui/arkui-ts/figures/enablePaging.gif
new file mode 100644
index 0000000000000000000000000000000000000000..c68249e11c1f3bd63d4382c18c9187e17ece4728
Binary files /dev/null and b/zh-cn/application-dev/reference/apis-arkui/arkui-ts/figures/enablePaging.gif differ
diff --git a/zh-cn/application-dev/reference/apis-arkui/arkui-ts/ts-container-scroll.md b/zh-cn/application-dev/reference/apis-arkui/arkui-ts/ts-container-scroll.md
index 6d49e2c38a712e56d0694e8d2887e7a7ee0931cf..f8cff2fc3e6eef0bec9bfc48046c9d8bc7e3004a 100644
--- a/zh-cn/application-dev/reference/apis-arkui/arkui-ts/ts-container-scroll.md
+++ b/zh-cn/application-dev/reference/apis-arkui/arkui-ts/ts-container-scroll.md
@@ -163,7 +163,7 @@ nestedScroll(value: NestedScrollOptions)
| 参数名 | 类型 | 必填 | 说明 |
| ------ | ----------------------------------------------------- | ---- | -------------- |
-| value | [NestedScrollOptions](ts-container-scrollable-common.md#nestedscrolloptions10对象说明) | 是 | 嵌套滚动选项。
默认值:{ scrollForward: NestedScrollMode.SELF_ONLY, scrollBackward: NestedScrollMode.SELF_ONLY }|
+| value | [NestedScrollOptions](ts-container-scrollable-common.md#nestedscrolloptions10对象说明) | 是 | 嵌套滚动选项。
默认值:{ scrollForward: NestedScrollMode.SELF_ONLY, scrollBackward: NestedScrollMode.SELF_ONLY }
Scroll设置[enablePaging](#enablepaging11)或者[scrollSnap](#scrollsnap10),并同时设置父组件优先的嵌套滚动时,嵌套滚动不生效。|
### friction10+
@@ -377,7 +377,7 @@ onScrollEdge(event: (side: Edge) => void)
| 参数名 | 类型 | 必填 | 说明 |
| ------ | --------------------------------- | ---- | ------------------ |
-| side | [Edge](ts-appendix-enums.md#edge) | 是 | 滚动到的边缘位置。 |
+| side | [Edge](ts-appendix-enums.md#edge) | 是 | 滚动到的边缘位置。
当Scroll设置为水平方向滚动时,上报[Edge.Center](ts-appendix-enums.md#edge)表示水平方向起始位置,上报[Edge.Baseline](ts-appendix-enums.md#edge)表示水平方向末尾位置。由于[Edge.Center](ts-appendix-enums.md#edge)和[Edge.Baseline](ts-appendix-enums.md#edge)枚举值已经废弃,推荐使用[onReachStart](ts-container-scrollable-common.md#onreachstart11)、[onReachEnd](ts-container-scrollable-common.md#onreachend11)事件监听是否滚动到边界。 |
### onScrollEnd(deprecated)
@@ -462,7 +462,7 @@ Scroll滚动前触发的回调。
| 类型 | 说明 |
| ------------------------------------------------------------ | ------------------------------------------------------------ |
-| void \| [OffsetResult](#offsetresult11对象说明) | 返回OffsetResult时按照开发者指定的偏移量滚动;不返回时按回调参数(xOffset,yOffset)滚动。 |
+| void \| [OffsetResult](#offsetresult11对象说明) | 返回OffsetResult时按照开发者指定的偏移量滚动;不返回时按回调参数(xOffset, yOffset)滚动。 |
## Scroller
@@ -1306,4 +1306,40 @@ struct ScrollExample {
}
```
-
\ No newline at end of file
+
+
+
+
+### 示例8(划动翻页效果)
+
+该示例通过enablePaging接口,实现了Scroll组件划动翻页效果。
+
+```ts
+// xxx.ets
+@Entry
+@Component
+struct EnablePagingExample {
+ private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
+
+ build() {
+ Stack({ alignContent: Alignment.Center }) {
+ Scroll() {
+ Column() {
+ ForEach(this.arr, (item: number) => {
+ Text(item.toString())
+ .width('100%')
+ .height('100%')
+ .borderRadius(15)
+ .fontSize(16)
+ .textAlign(TextAlign.Center)
+ .backgroundColor(0xFFFFFF)
+ }, (item: string) => item)
+ }
+ }.width('90%').height('90%')
+ .enablePaging(true)
+ }.width('100%').height('100%').backgroundColor(0xDCDCDC)
+ }
+}
+```
+
+
\ No newline at end of file