vue子組件上拉滾動(dòng)，怎么讓父組件也跟著上拉滾動(dòng)？

父組件里有多個(gè)子組件，怎么讓其中一個(gè)子組件滾動(dòng)的時(shí)候整體父組件也跟著向上滾動(dòng)？需要做一個(gè)子組件吸頂效果？

<template>
    <div class="" id="home" >
        <mt-header fixed title="微輿情">
        </mt-header>
        <div class="mui-scroll-wrapper" >
            <div class="mui-scroll">
                <mt-swipe :auto="4000" @change="handleChange" style="height: 143px;margin-top: 40px;">
                <mt-swipe-item v-for="str in listImg">
                    <a class="link"  @tap="imgPage(str)">
                        <img :src="str.picUrl" style="width: 100%">
                    </a>
                </mt-swipe-item>
                </mt-swipe>
                <collect v-show="$store.state.opinionData.tapLogo">
                </collect>
                <div style="height: 6px;background-color: #efefef;">
                </div>
                <broadcast v-show="$store.state.opinionData.tapLogo" ref="broadcast" style="height: 50px;">
                </broadcast>
                <div style="height: 6px;background-color: #efefef;">
                </div>
                <tabScroll ></tabScroll> 《===子組件里有上下滾動(dòng)的方法，子組件上滑希望父組件也就是這個(gè)頁(yè)面也上滑
            </div>
        </div>
    </div>
</template>```


類似于QQ瀏覽器或者uc瀏覽器那樣新聞上滑然后頂部的隱藏