Skip to content

Commit

Permalink
fix: typo
Browse files Browse the repository at this point in the history
  • Loading branch information
wangyi7099 committed May 2, 2018
1 parent 3eaa1ca commit ff76b39
Show file tree
Hide file tree
Showing 2 changed files with 17 additions and 19 deletions.
17 changes: 8 additions & 9 deletions README-ZH.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,10 @@

<p align="center"><a href="https://wangyi7099.github.io/vuescrolljs/zh/"><img width="100" src="https://wangyi7099.github.io/vuescrolljs/logo.png" /></a></p>

Vuescroll 是一个基于 [vue.js 2.X](https://github.com/vuejs/vue)的虚拟滚动条,它当前拥有3个模式可供你选择:

`slide` 模式: 允许你用手指或鼠标滑动内容, 可以滑动超出边界范围。适用于移动端端用户。

`native` 模式: 有点想原生的滚动,可以自定义滚动条样式。使用于PC端用户。

`pure-native`模式: 滚动条使用原生的滚动条。适用于喜欢原生滚动条的用户。
Vuescroll 是一个基于 [vue.js 2.X](https://github.com/vuejs/vue)的虚拟滚动条,它当前拥有3个模式:
* `slide` 模式: 允许你用手指或鼠标滑动内容, 可以滑动超出边界范围。适用于移动端端用户。
* `native` 模式: 有点想原生的滚动,可以自定义滚动条样式。使用于PC端用户。
* `pure-native`模式: 滚动条使用原生的滚动条。适用于喜欢原生滚动条的用户。

并且它还支持定制滚动条的样式,检测内容尺寸变化、能够使内容分页、支持上拉-刷新,下推加载等诸多功能。

Expand All @@ -34,7 +31,7 @@ Vuescroll 是一个基于 [vue.js 2.X](https://github.com/vuejs/vue)的虚拟滚
## Demo
有两种方式查看Demo:
1. 打开项目根目录下的demo文件夹进行查看
2. 去在线的demo-[官网](https://wangyi7099.github.io/vuescrolljs/zh/guide/)进行查看
2. [官网](https://wangyi7099.github.io/vuescrolljs/zh/guide/)进行查看

## 开始上手
### 安装
Expand Down Expand Up @@ -96,7 +93,9 @@ const vm = new Vue({
3. 在vuescroll项目地址点击`New pull request`即可,如下图所示:<br /><img src="https://github.com/wangyi7099/pictureCdn/blob/master/allPic/others/pr.jpg?raw=true" />
## 受以下的项目启发

[slimscroll](https://github.com/rochal/jQuery-slimScroll) [element-ui](https://github.com/ElemeFE/element/tree/dev/packages/scrollbar/src) [scroller](https://github.com/pbakaus/scroller)
* [slimscroll](https://github.com/rochal/jQuery-slimScroll)
* [element-ui](https://github.com/ElemeFE/element/tree/dev/packages/scrollbar/src)
* [scroller](https://github.com/pbakaus/scroller)

## 协议

Expand Down
19 changes: 9 additions & 10 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,17 +3,14 @@
<p align="center"><a href="https://wangyi7099.github.io/vuescrolljs/"><img width="100" src="https://wangyi7099.github.io/vuescrolljs/logo.png" /></a></p>

[中文README](https://github.com/wangyi7099/vuescroll/blob/dev/README-ZH.md)<br />
**Vuescroll** is a reactive, muli-modes, virtual scrollbar based on [vue.js 2.X](https://github.com/vuejs/vue) ,and it currently has 3 modes you can choose:

`slide` mode: Allow you slide by finger or mouse pointer, can slide out of bountry. It is suitable for mobile phone.

`native` mode: Seem to be native scrollbar, but can costumize styles of scrollbars. It is suitable for PC.

`pure-native`mode: Use native scrollbars. It is suitable for the users who like native scrollbar.
**Vuescroll** is a reactive, muli-modes, virtual scrollbar based on [vue.js 2.X](https://github.com/vuejs/vue) ,and it currently has 3 modes:
* `slide` mode: Allow you slide by finger or mouse pointer, can slide out of bountry. It is suitable for mobile phone.
* `native` mode: Seem to be native scrollbar, but can costumize styles of scrollbars. It is suitable for PC.
* `pure-native`mode: Use native scrollbars. It is suitable for the users who like native scrollbar.

It also supports customizing styles of scrollbar,detecting size change of content、paging、pull-refresh,push-load and so on.

> For those who use 3.X and want to upgrade to 4.X, please use the following usage ,or might be upgrade fail:
> For those who use 3.X and want to upgrade to 4.X, please use the following usage ,or might upgrade fail:
```bash
npm i vuescroll@latest
# yarn add vuescroll@latest
Expand All @@ -35,7 +32,7 @@ It also supports customizing styles of scrollbar,detecting size change of cont
## Demo
There are two ways to view demo:
1. Open the `demo` folder in the root of repo and go to view.
2. Go to online demo - [Offical Website](https://wangyi7099.github.io/vuescrolljs/guide/) to view.
2. Go to - [Offical Website](https://wangyi7099.github.io/vuescrolljs/guide/) to view.

## Get Started
### Install
Expand Down Expand Up @@ -99,7 +96,9 @@ Firstly, thank you for being interested in vuescroll!! And then, please only fol

## Inspired

[slimscroll](https://github.com/rochal/jQuery-slimScroll) [element-ui](https://github.com/ElemeFE/element/tree/dev/packages/scrollbar/src) [scroller](https://github.com/pbakaus/scroller)
* [slimscroll](https://github.com/rochal/jQuery-slimScroll)
* [element-ui](https://github.com/ElemeFE/element/tree/dev/packages/scrollbar/src)
* [scroller](https://github.com/pbakaus/scroller)

## License

Expand Down

0 comments on commit ff76b39

Please # to comment.