一直有滚动条，不能触屏滑动……
来源：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; }这样设置以后，才可以有鼠标滚轮滚动无效，而拖拽滑动有效。
10
相似问题