https://github.com/yokiyokiyoki/vue-fullpage

:fish:基于vue的页面滚动组件
https://github.com/yokiyokiyoki/vue-fullpage

fullpage v-fullpage vue vue-component vue-fullpage

Last synced: 8 days ago
JSON representation

:fish:基于vue的页面滚动组件

• Host: GitHub
• URL: https://github.com/yokiyokiyoki/vue-fullpage
• Owner: yokiyokiyoki
• Created: 2018-09-27T07:53:47.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-08T22:57:41.000Z (almost 2 years ago)
• Last Synced: 2024-10-31T10:37:31.393Z (17 days ago)
• Topics: fullpage, v-fullpage, vue, vue-component, vue-fullpage
• Language: Vue
• Homepage:
• Size: 1.08 MB
• Stars: 17
• Watchers: 2
• Forks: 11
• Open Issues: 16
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# vue-fullpage

![image](https://img.shields.io/badge/vue-2.5.17-blue.svg)

![image](https://img.shields.io/badge/vue--cli-3.0.0-green.svg)

> A Vue.js components

## Install

```

$ npm install v-fullpage

```

## Usage

```javascript

import Vue from "vue";

import fullpage from "v-fullpage";

Vue.use(fullpage);

```

or

```html

```

## Demo

```html

  


  


```

## Options

| Property  | Description                        |  Type  |  Default   |

| :-------: | ---------------------------------- | :----: | :--------: |

| direction | 滚动方向('vertical'或'horizontal') | String | 'vertical' |

### Callback

|    Name    | Description                |

| :--------: | -------------------------- |

| leaveSlide | 滑动之后，参数是当前 index |

### api

> 通过 ref 调用组件内部 api

|       Name        | Description                            |

| :---------------: | -------------------------------------- |

| setAllowScrolling | 传入 true/false，禁止滚动/开放滚动事件 |

|       move        | 传入 index，移动到 index 页面          |

## License

MIT