老师滑动到最上面把列表往下拉然后松开城市列表会突然小时然后再出现这是怎么回事

<template> <div class="icons" :options="swiperOption"> <swiper> <swiper-slide v-for="(page, index) of pages" :key="index"> <div class="icon" v-for="item of page" :key="item.id" > <div class='icon-img'> <img class='icon-img-content' :src='item.imgUrl' /> </div> <p class="icon-desc">{{item.desc}} </div> </swiper-slide> </swiper> </div> </template> <script> export default { name: 'HomeIcons', props: { list: Array }, data () { return { swiperOption: { autoplay: false } } }, computed: { pages () { const pages = [] this.list.forEach((item, index) => { const page = Math.floor(index / 8) if (!pages[page]) { pages[page] = [] } pages[page].push(item) }) return pages } } } </script> <style lang="stylus" scoped> @import '~styles/varibles.styl' @import '~styles/mixins.styl' .icons >>> .swiper-container height: 0 padding-bottom: 50% .icons margin-top: .1rem .icon position: relative overflow: hidden float: left width: 25% height: 0 padding-bottom: 25% .icon-img position: absolute top: 0 left: 0 right: 0 bottom: .44rem box-sizing: border-box padding: .1rem .icon-img-content display: block margin: 0 auto height: 100% .icon-desc position: absolute left: 0 right: 0 bottom: 0 height: .44rem line-height: .44rem text-align: center color: $darkTextColor ellipsis() </style> 

慕婉清6323512 2021-02-18

源自：项目-城市列表页面开发 1-5 better-scroll无法滚动的解决方式

收起

1回答

好帮手慕星星 2021-02-18 19:05:56

同学你好，是better-scroll插件默认的下拉回弹效果。

如果不想要下拉效果，可以设置参数，例如：

祝学习愉快！

收起回答

提问者慕婉清6323512 #1

下拉效果是需要的，下拉回弹的时候城市列表全部都会闪一下这是什么问题

2021-02-18 20:09:15
好帮手慕星星回复提问者慕婉清6323512 #2

你好，之前老师回复过了，是默认的下拉回弹效果，下拉的时候内容消失，回弹之后再显示。

2021-02-19 09:56:57