云优CMS官方论坛_开源城市分站管理系统
搜索
 找回密码
 立即注册
查看: 302|回复: 1

170274 模板手机端首页工程案例轮播一直循环

[复制链接]

2

主题

3

帖子

3

积分

新手上路

Rank: 1

积分
3
发表于 2021-8-11 21:09:42 | 显示全部楼层 |阅读模式
170274 模板手机端首页滑动到工程案例轮播,一直循环,无法滑动到页面底部,向上滑动也一直在工程案例轮播里循环,无法滑动回页面顶部。
若循环播放为false,滑动到最后一个工程案例图片,应该跳转回主页面继续向下显示,直到显示到页面底部;向上滑动到第一个案例图片,应继续向上显示主页面内容。
var cases = new Swiper('.case', {
        autoplay: true,
        slidesPerView: '2',
        loop: true, //修改为false之后,可以解决不循环播放,然而还是无法滑动到主页底部,向上无法滑动到主页顶部
        direction: 'vertical',
        spaceBetween: 20,
        navigation: {
            prevEl: '.case .swiper-button-prev',
            nextEl: '.case .swiper-button-next'
        },
         breakpoints: {
              767: {
                  slidesPerView: '2',
                  spaceBetween: 10
                 
              }
          }
    });



回复

使用道具 举报

2

主题

3

帖子

3

积分

新手上路

Rank: 1

积分
3
 楼主| 发表于 2021-8-11 21:29:27 | 显示全部楼层
工程案例轮播占满手机整个页面的话,就无法滑动到主页面顶端或者底部了
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|小黑屋|云优CMS官方论坛

GMT+8, 2021-10-22 15:45 , Processed in 0.042499 second(s), 17 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表