Vue infinity scroll package
npm install vue-infinity-scroll``bash`
npm i vue-infinity-scroll
`vue
visClass="panel panel-default"
visAllScreen="50vh"
@scrolling="scrolling"
buttonText="Go to Top"
buttonClass="btn btn-primary"
buttonIcon="fa fa-arrow-up"
>
// your things here
`Options
| Option | Expect | Description |
| ----- | ----- | ----- |
| :hasNextPage | Boolean | Here u can use to see if u request has a next page to go |
| @scrolling | Function | that event is emited when the scroll down has ended |
| :visClass | String | Your class |
| :btnVisible | Boolean | Hidden the Go to top button |
|:buttonText | String | When u scroll down your vue-infinity-scroll u'll see a button to go to top, u can change the name of button using that props |
| :buttonClass | String | U can add yout class to button. Bootstrap example: "btn btn-sm btn-primary" |
| :buttonIcon | String | Icon to your button. Font-Awesome Example: "fa fa-arrow-up" |
| :visSmallScreen | String | When u resize your screen to a small screen (less than 768px) u can choose your height (vh, px, em...)|
| :visMidScreen | String | The same of visSmallScreen but to mid screen (between 768px and 1000px |
| :visLargeScreen | String | The same of visSmallScreen but to large screen (bigger than 1000px) |
| :visAllScreen | String | Define only one height to all screen size |
| :resetScroll | Boolean | Can be util if u want do a new request and reset the current scroll (If u dont use, new request will jump to same before position) |
1. Fork it!
2. Create your feature branch: git checkout -b my-new-featuregit commit -am 'Add some feature'
3. Commit your changes: git push origin my-new-feature`
4. Push to the branch:
5. Submit a pull request :D