stickyroll / vue-stickyroll

Vue.js version of stickyroll
https://vue-stickyroll.netlify.com
1 stars 1 forks source link

Installation

yarn add @stickyroll/vue

Usage

<template>
    <Stickyroll :pages="4" anchors="my/sticky/vue">
        <template slot-scope="context">
            <div>{{context.page}} of {{context.pages}}</div>
            <div>{{context.progress}}</div>
        </template>
    </Stickyroll>
</template>

<script>
import Stickyroll from "@stickyroll/vue";
export default {
    name: "App",
    components: {
        Stickyroll
    }
};
</script>

<style src="https://github.com/stickyroll/vue-stickyroll/raw/master/@stickyroll/vue/index.css"></style>

<style scoped>
body {
    margin: 0;
}
</style>