Swiper中文论坛

标题: 请大神帮忙，看看我这个文件哪里出了问题 [打印本页]
作者: acspace    时间: 2015-6-15 18:02
标题: 请大神帮忙，看看我这个文件哪里出了问题
请大神帮忙，看看我这个文件哪里出了问题，鼠标滚屏没有问题，但触屏却不支持。谢谢！！

触控测试.zip

261.94 KB, 下载次数: 3
作者: acspace    时间: 2015-6-16 11:32
帮帮忙啊，拜托了
作者: acspace    时间: 2015-6-16 11:51
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

    <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="swiper.min.css">

    <!-- Demo styles -->
    </head>
<body>

    <!-- Swiper -->
    <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>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>

    <!-- Swiper JS -->
    <script src="swiper.min.js"></script>

   <!-- Initialize Swiper -->
    <script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        direction: 'vertical',
        slidesPerView: 1,
        paginationClickable: true,
        spaceBetween: 0,
        mousewheelControl: true
    });
    </script></body>
</html>
作者: acspace    时间: 2015-6-16 11:53
鼠标中键滚屏可以实现，但触屏就有问题，不知那儿出了问题。还是对iframe对象支持不太好？
作者: acspace    时间: 2015-6-16 15:13
当iframe对象不是居中排布时，当iframe对象高宽不是100%时，触屏是可以的。也就是说ifarme对象充满整个屏幕时，触屏就失效了。请问有法解决吗？
作者: acspace    时间: 2015-6-16 15:14
急啊，在线等答案啊
作者: acspace    时间: 2015-6-17 11:47
终于找到一办法，虽然不完美，但确实临时可解决问题



欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/) Powered by Discuz! X3.2