diff --git a/doc/source/handycontrol/native_controls/scrollViewer/index.md b/doc/source/handycontrol/native_controls/scrollViewer/index.md
index ca12ad62..c7223b6d 100644
--- a/doc/source/handycontrol/native_controls/scrollViewer/index.md
+++ b/doc/source/handycontrol/native_controls/scrollViewer/index.md
@@ -1,5 +1,48 @@
---
-title: 建设中
+title: ScrollViewer 滚动视图
---
-建设中
\ No newline at end of file
+# ScrollViewerNativeBaseStyle
+
+滚动视图的基础样式,不推荐直接使用,应该始终被其它样式以BasedOn的方式使用。
+
+案例:
+
+```xml
+
+```
+
+`xaml`中:
+
+```xml
+
+
+
+
+
+```
+
+效果:
+
+![ScrollViewer.DefaultStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ScrollViewer.DefaultStyle.png)
+
+# ScrollViewerUpDown
+
+显示上下按钮的滚动视图样式
+
+案例:
+
+```xml
+
+
+
+
+
+
+
+
+```
+
+效果:
+
+![ScrollViewer.UpDownStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/ScrollViewer.UpDownStyle.png)
\ No newline at end of file