这两天开发了一个移动端电子请柬,过程中遇到了一些需要注意到地方,特别记录下来。
开发框架用的React+Swiper,React算是边学边做,Swiper的使用遇到了一些坑,花了不少时间。
1、swiper中slide内容滚动问题。
我要实现的整体效果是向上滑动翻页的效果,但每一页的内容不同,有的内容超过了一屏,所以需要添加滚动条。我以为只是简单的对slide下的swiper-container再初始化一个freeMode的swiper,结果出现不能滑动的情况 ,一度要放弃。结果在对照官方demo时,发现需要对slide下的swiper-container限制高度,同时设置slide的高度为auto。
未完待续。。。
过的时间实在太长,懒得总结了都。。。先放效果 demo