Swiper中文论坛»首页 › 交流 › Swiper3 交流 › 请大神帮忙，看看我这个文件哪里出了问题 ...

发新帖

查看: 2266|回复: 6

上一主题

下一主题

请大神帮忙，看看我这个文件哪里出了问题

该用户从未签到

1 主题	22 帖子	72 积分

Rank: 2

积分: 72

发消息

电梯直达

跳转到指定楼层

楼主

发表于 2015-6-15 18:02:06 | 只看该作者回帖奖励

回帖奖励

|倒序浏览 |阅读模式

请大神帮忙，看看我这个文件哪里出了问题，鼠标滚屏没有问题，但触屏却不支持。谢谢！！

触控测试.zip

261.94 KB, 下载次数: 3

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

收藏0 分享 淘帖0

回复

使用道具举报

该用户从未签到

1 主题	22 帖子	72 积分

Rank: 2

积分: 72

发消息

沙发

楼主| 发表于 2015-6-16 11:32:34 | 只看该作者

帮帮忙啊，拜托了

回复支持反对

使用道具举报

该用户从未签到

1 主题	22 帖子	72 积分

Rank: 2

积分: 72

发消息

板凳

楼主| 发表于 2015-6-16 11:51:33 | 只看该作者

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">


<link rel="stylesheet" href="swiper.min.css">


</head>
<body>


<div class="swiper-container">
      <div class="swiper-wrapper">
         <div class="swiper-slide"><iframe name="InlineFrame1" id="InlineFrame1" style="position:center;width:100%;height:100%;" src="./page1.html" frameborder="5"></iframe></div>
         <div class="swiper-slide"><iframe name="InlineFrame1" id="InlineFrame2" style="position:center;width:100%;height:100%;" src="./page2.html" frameborder="0"></iframe></div>
         <div class="swiper-slide"><iframe name="InlineFrame1" id="InlineFrame3" style="position:center;width:100%;height:100%;" src="./page3.html" frameborder="0"></iframe></div>
         <div class="swiper-slide"><iframe name="InlineFrame1" id="InlineFrame4" style="position:center;width:100%;height:100%;" src="./page4.html" frameborder="0"></iframe></div>
         <div class="swiper-slide"><iframe name="InlineFrame1" id="InlineFrame5" style="position:center;width:100%;height:100%;" src="./page5.html" frameborder="0"></iframe></div>
         <div class="swiper-slide"><iframe name="InlineFrame1" id="InlineFrame6" style="position:center;width:100%;height:100%;" src="./page6.html" frameborder="0"></iframe></div>
         <div class="swiper-slide"><iframe name="InlineFrame1" id="InlineFrame7" style="position:center;width:100%;height:100%;" src="./page7.html" frameborder="0"></iframe></div>
         <div class="swiper-slide"><iframe name="InlineFrame1" id="InlineFrame8" style="position:center;width:100%;height:100%;" src="./page8.html" frameborder="0"></iframe></div>
         <div class="swiper-slide"><iframe name="InlineFrame1" id="InlineFrame9" style="position:center;width:100%;height:100%;" src="./page9.html" frameborder="0"></iframe></div>
      </div>
      
      <div class="swiper-pagination"></div>
</div>


<script src="swiper.min.js"></script>


<script>
var swiper = new Swiper('.swiper-container', {
      pagination: '.swiper-pagination',
      direction: 'vertical',
      slidesPerView: 1,
      paginationClickable: true,
      spaceBetween: 0,
      mousewheelControl: true
});
</script></body>
</html>

回复支持反对

使用道具举报

该用户从未签到

1 主题	22 帖子	72 积分

Rank: 2

积分: 72

发消息

地板

楼主| 发表于 2015-6-16 11:53:18 | 只看该作者

鼠标中键滚屏可以实现，但触屏就有问题，不知那儿出了问题。还是对iframe对象支持不太好？

回复支持反对

使用道具举报

该用户从未签到

1 主题	22 帖子	72 积分

Rank: 2

积分: 72

发消息

5^#

楼主| 发表于 2015-6-16 15:13:50 | 只看该作者

当iframe对象不是居中排布时，当iframe对象高宽不是100%时，触屏是可以的。也就是说ifarme对象充满整个屏幕时，触屏就失效了。请问有法解决吗？

回复支持反对

使用道具举报

该用户从未签到

1 主题	22 帖子	72 积分

Rank: 2

积分: 72

发消息

6^#

楼主| 发表于 2015-6-16 15:14:20 | 只看该作者

急啊，在线等答案啊

回复支持反对

使用道具举报

该用户从未签到

1 主题	22 帖子	72 积分

Rank: 2

积分: 72

发消息

7^#

楼主| 发表于 2015-6-17 11:47:58 | 只看该作者

终于找到一办法，虽然不完美，但确实临时可解决问题

回复支持反对

使用道具举报

发新帖

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

GMT+8, 2024-11-22 06:34 , Processed in 0.069801 second(s), 29 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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