javascript - 请问 怎么能实现移动端 分区滚动

Question

想问在移动端 怎么实现不同区域有自己的滚动条 还能联动

怎么能让菜单和对应的食物是各自拥有的滚动区域 然后右面滑动到一定位置左面联动切换

后面是我可以自己试着实现 但是不知道怎么分区各自滚动

Answer 1

我想你是想实现像美团那种点击分类跳到分类下的食品之类做法吧
其实可以用锚点定位，还可以通过锚点来让菜单滑块变换

Answer 2

根据布局来，分别初始化滚动组件就好。。没有组件可以去github.上面找

<p class="main">
    <p class="left">
        <v-scroll ref="lsroll"></v-scroll>
    </p>
    <p class="rigth">
        <v-scroll ref="rsroll"></v-scroll>
    </p>
</p>
import VScroll from 'vscroll.vue' // 假定你有 scroll 滚动组件。
export default {
    components:{ VScroll}
}