让Swiper移动端超出一屏的部分滚动显示而不是触发滑到下一页

来源:14-11 电子书列表高级优化

lipapa

2020-08-24

上下滑动的swiper,有两页,第二个slider是列表页,内容会超出屏幕高度,现在的问题是,超出部分无法通过滚动条下滑查看。

写回答

1回答

扬_灵

2020-08-24

同学你好,首先你使用了swiper显示上下两页的内容时,在外部已经限定了swiper的宽度及显示范围,根据swiper的设计应该会在样式中添加超出显示范围就隐藏( overflow: hidden)的效果。你可以在第二个swiper展示内容的最外层区域添加超出范围显示滚动条(overflow-x或者是overflow-y)来设置超出部分显示滚动条,可以实现你要的效果,但是这种效果就会比较怪异了。如果不能解决你的问题,可以继续追问。

0
1
lipapa
非常感谢!
2020-08-26
共1条回复

Vue Element+Node.js开发企业通用管理后台系统

基于Element的中后台课程,一套中小型企业通用的后台管理系统

2829 学习 · 1714 问题

查看课程