swiper实现翻页,页面高度超出可滚动

Posted onlycare

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了swiper实现翻页,页面高度超出可滚动相关的知识,希望对你有一定的参考价值。

1.引入Swiper插件js脚本和css样式文件。

 

2.按照swiper-container/swiper-wapper/swiper-slide的固定结构搭建页面。

技术分享图片

3.Swiper初始化。

技术分享图片

4.利用Swiper方法实现每个单独页面可滚动。

技术分享图片

技术分享图片

 

以上是关于swiper实现翻页,页面高度超出可滚动的主要内容,如果未能解决你的问题,请参考以下文章

swiper 内容超出纵向滚动 解决办法

为固定的 100% 高度 div 创建可滚动内容

如何使DIV的高度固定,当超出固定高度时,出现自动滚动条

小程序 - swiper除了左右切换还有上下滚动超出屏幕的内容

CSS 设置的高度超出屏幕高度为啥没出现滚动条

vue 里实现文本超出时点击左右按钮滚动?