@fuzzco/scrub-wrap v1.1.1

Get a section's scroll progress. Useful for animations like this one (scroll down to the "Do you have what it takes?" section), for example. Demo

npm i @fuzzco/scrub-wrap

Register component in Vue, then:

<template>
    <main>
        <!-- get scroll progress -->
        <scrub-wrap @progress="progress = $event">
            <div class="scroll-area" />
        </scrub-wrap>
    </main>
</template>

<script>
    export default {
        data() {
            return {
                progress: 0
            }
        }
    }
</script>

Options

Events