$(' .slick')。('滑动')劫持正常滑动/滚动。

时间:2015-12-16 17:22:24

标签: javascript jquery ios mobile-safari slick.js

我遇到一个问题,如果幻灯片大于屏幕,如果幻灯片绑定到滑动事件,我无法滑动/向下滑动。

这只能在ios设备上重新创建,使用chrome的build-iin模拟器一切正常,我没有时间在其他设备上进行测试。

任何人都有如何解决此问题的经验?



$('.slides').slick();
$('.slides').on('swipe', function(event, slick, direction) {});

.slide {
  width: 100%;
  color: white;
  font-size: 3rem;
  padding: 5rem;
  text-align: center;
}

<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.min.js"></script>
<div class="slides">
  <div class="slide" style="background-color: red; height:5000px">
    this is a slide i can slide right but when bind with swipe, I am unable to move down in iso safari this 3000px in height!!!
  </div>
  <div class="slide" style="background-color:yellow; height:3000px"></div>
</div>
&#13;
&#13;
&#13;

0 个答案:

没有答案