<template>
    <div class="parent" id="xx">
        <div class="content">content1</div>
        <div class="content">content2</div>
        <div class="content">content3</div>
        <div class="content">content4</div>
        <div class="content">content5</div>
        <div class="content">content6</div>
        <div class="content">content7</div>
        <div class="content">content8</div>
        <div class="content">content10</div>
        <div class="content">content9</div>
        <a-back-top :visibility-height="100" :target="fun" class="bottom">回到顶部</a-back-top>
    </div>
</template>
<script>
export default {
    methods: {
        fun() {
            return document.getElementById('xx')
        }
    }
}
</script>
<style lang="scss" scoped>
.parent {
    height: 400px;
    border: 1px solid black;
    overflow-y: scroll;
}
.content {
    height: 80px;
    line-height: 80px;
}
</style>
