Swiper中文论坛»首页 › 交流 › 前端交流 › 请问swiper可以嵌套吗

发新帖

查看: 3223|回复: 5

上一主题

下一主题

请问swiper可以嵌套吗

该用户从未签到

1 主题	1 帖子	13 积分

Rank: 1

积分: 13

发消息

电梯直达

跳转到指定楼层

楼主

发表于 2016-1-5 18:19:37 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

就是每个.swiper-slider里面套一个.swiper-container ,实现外层slider水平翻页，内层slider垂直翻页。

分享到: QQ好友和群 QQ空间 腾讯微博 腾讯朋友

收藏0 分享 淘帖0

回复

使用道具举报

TA的每日心情

	奋斗 2017-10-14 22:14

签到天数: 15 天

[LV.4]偶尔看看III

83 主题	391 帖子	4万积分

Rank: 9 Rank: 9 Rank: 9

积分: 43990

发消息

沙发

发表于 2016-1-7 10:02:27 | 只看该作者

可以的，基础示例里面有

回复支持反对

使用道具举报

该用户从未签到

0 主题	9 帖子	20 积分

Rank: 1

积分: 20

发消息

板凳

发表于 2016-1-9 11:30:24 | 只看该作者

可以得把

回复

使用道具举报

该用户从未签到

1 主题	8 帖子	28 积分

Rank: 1

积分: 28

发消息

地板

发表于 2016-2-1 13:53:58 | 只看该作者

<div class="swiper-container swiper-container-v">
<div class="swiper-wrapper ">
<div class="swiper-slide ">
<div class="swiper-container swiper-container-h" >
<div class="swiper-wrapper swiper-wrapper-h">
<div class="swiper-slide"></div>
<div class="swiper-slide"></div>
</div>
</div>
</div>
<div class="swiper-slide "></div>
<div class="swiper-slide "></div>
<div class="swiper-slide "></div>
</div>
</div>
<script>
var swiperV = new Swiper('.swiper-container-h', {
pagination: '.swiper-pagination-h',
mousewheelControl : true,
});
var swiperV = new Swiper('.swiper-container-v', {
pagination: '.swiper-pagination-v',
direction: 'vertical',
mousewheelControl : true,
});
</script>

复制代码

回复支持反对

使用道具举报

TA的每日心情

	慵懒 2016-7-12 11:54

签到天数: 1 天

[LV.1]初来乍到

0 主题	3 帖子	26 积分

Rank: 1

积分: 26

发消息

5^#

发表于 2016-7-12 11:55:01 | 只看该作者

可以你可以去下载例子包

回复支持反对

使用道具举报

TA的每日心情

	奋斗 2016-9-4 09:58

签到天数: 1 天

[LV.1]初来乍到

1 主题	6 帖子	38 积分

Rank: 1

积分: 38

发消息

6^#

发表于 2016-9-4 10:09:29 | 只看该作者

楼上正解，完全可以

回复支持反对

使用道具举报

发新帖

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号 )

GMT+8, 2024-4-24 15:53 , Processed in 0.077854 second(s), 26 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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