swiper实现竖直方向滚动字幕

垂直方向的滚动在开发过程中遇到的问题主要有2个,一个是移动端无法滚动,一个是每次数据循环完成之后sweiper都从第一条数据开始导致字幕快速滚动之后才正常滚动,原因是没有设置循环滚动

解决:移动端添加属性 observer: true,  observeParents: true, 对数据进行监听

添加 loop : true属性解决每次都从头开始滚动,之前添加过这个属性没好使后来又可以了

注意:swiper-wrapper不能添加overflow:scroll样式,不然会导致swiper-no-swiping无效

.live-lottery-notice {

    width: 100%;

    height: auto;

}

你可能感兴趣的:(swiper实现竖直方向滚动字幕)