openFrameGroup.scrollEnabled 和轮播图冲突怎么办

喵喵

openFrameGroup.scrollEnabled 和轮播图冲突！1、 ios没问题
2、Android滑动轮播图直接成切换页面了

郑晓

我这个方法可以实现

技术支持-M

用的应该是UIScrollPicture模块吗，最好提供代码

喵喵

技术支持-M 发表于 2015-11-6 15:28
用的应该是UIScrollPicture模块吗，最好提供代码

api.openFrameGroup({
         name: 'indexGroup',
         scrollEnabled: true,
         rect: {x: 0, y: $api.offset(header).h + $api.offset(nav).h, w: 'auto', h: api.frameHeight - ($api.offset(header).h + $api.offset(nav).h + $api.offset(footer).h)},
         bounces: false,
         index: 0,
         frames: frames
      }

子页面（焦点图页面）代码
<body>
<div id='slide' class='swipe'>
<div class='swipe-wrap' id="banner-content">
      <div onclick="" tapmode="" data-value="apicloud重新定义移动应用开发">
         <img src="../../image/4.png"/>
      </div>
      <div onclick="" tapmode="" data-value="apicloud重新定义移动应用开发">
         <img src="../../image/5.png"/>
      </div>
      <div onclick="" tapmode="" data-value="apicloud重新定义移动应用开发">
         <img src="../../image/6.png"/>
      </div>
      <div onclick="" tapmode="" data-value="apicloud重新定义移动应用开发">
         <img src="../../image/7.png"/>
      </div>
      <div onclick="" tapmode="" data-value="apicloud重新定义移动应用开发">
         <img src="../../image/8.png"/>
      </div>
      <div onclick="" tapmode="" data-value="apicloud重新定义移动应用开发">
         <img src="../../image/9.png"/>
      </div>
</div>

</div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/swipe.js"></script>
<script type="text/javascript">
function initSlide() {
      var $pointer = $api.byId('pointer');
      window.mySlide = Swipe(slide, {
         continuous: true,
         disableScroll: true,
         stopPropagation: true,
         callback: function (index, element) {
            var $actA = $api.dom($pointer, 'a.active');
            $api.removeCls($actA, 'active');
            $api.addCls($api.eq($pointer, index + 1), 'active');
            $api.html($api.byId('banner-title'), $api.attr(element, 'data-value'))
         },
         transitionEnd: function (index, element) {
            return false;
         }
      });
}
initSlide();

</script>

技术支持-M

顺手来个二维码

wiang

我之前遇到过类似问题，我在openSlidLayout窗口中还使用了swiper和UIScrollPicture，这三个功能都用到了左右滑动的事件，openSlidLayout的左滑干扰了结果swiper和UIScrollPicture。我只能禁用openSlidLayout的左滑事件响应。

同求新思路。。。

停电以后

同求framegroup和swipe并存的解决方法。现在是滑动轮播时会滚动页面。。。 UIScrollPicture功能太单一

阿森啊

大家好，这个问题有什么思路解决吗？

郑晓

本帖最后由郑晓于 2016-3-24 13:39 编辑

技术支持-M 发表于 2015-11-6 15:28
用的应该是UIScrollPicture模块吗，最好提供代码

楼下晒解决方法

AlonZhang

你们愿意看，就看看，https://**.**/jinlong/Swipe

我改造的Swipe.js

[App引擎] openFrameGroup.scrollEnabled 和轮播图冲突怎么办

浏览过的版块

[App引擎] openFrameGroup.scrollEnabled 和轮播图 冲突怎么办

浏览过的版块

[App引擎] openFrameGroup.scrollEnabled 和轮播图冲突怎么办