一直有滚动条,不能触屏滑动……

来源:2-9 歌单列表实现&滚动组件的封装

VyingGao

2021-08-19

我把推荐歌单也封装成了个组件,这样会有影响吗?

现在就是只有鼠标滚轮可以滚动,有滚动条出现,拖拽就不能动…… 

<scroll class="scroll">
    <div>
        <slide v-if="sliders.length" :sliders="sliders"></slide>
        <album-list v-if="albums.length" :albums="albums"></album-list>
    </div>
</scroll>
.scroll { height: 100%; overflow: hidden; }


写回答

1回答

VyingGao

提问者

2021-08-19

后来发现问题了,最外层的 recommend 这个 div,要设置定位。

<div class="recommend">
    <scroll class="scroll"><div> ... </div></scroll>
</div>
.recommend { position: fixed; width: 100%; top: ...; bottom: 0; }
.scroll { height: 100%; overflow: hidden; }

这样设置以后,才可以有鼠标滚轮滚动无效,而拖拽滑动有效。

1
0

Vue3开发企业级音乐Web App 明星讲师带你学大厂代码

慕课网明星讲师黄轶深度讲解 Vue3.0 ,提升的不止是Vue代码能力

2223 学习 · 1002 问题

查看课程