angular-carousel：overflow-x：在幻灯片内滚动

Question

我正在尝试创建一个旋转木马，里面的图片可以滚动div。

问题是滑动事件与彼此发生冲突。

Plunker（图片在幻灯片2上）

我的代码：

 <div class="carousel-demo">
<ul rn-carousel rn-carousel-index="carouselIndex" rn-carousel-buffered class="carousel1">
  <li ng-swipe-left="left($event)">slide #1</li>
  <li ng-swipe-right="right($event)">slide #2

    <div class="horizontal-slide">
      <div class="span2">
        <a href="#" class="thumbnail">
          <img src="http://placehold.it/150x100" alt="" />
        </a>
      </div>

      <div class="span2">
        <a href="#" class="thumbnail">
          <img src="http://placehold.it/150x100" alt="" />
        </a>
      </div>
      <div class="span2">
        <a href="#" class="thumbnail">
          <img src="http://placehold.it/150x100" alt="" />
        </a>
      </div>
      <div class="span2">
        <a href="#" class="thumbnail">
          <img src="http://placehold.it/150x100" alt="" />
        </a>
      </div>
    </div>

  </li>
  <li>slide #3</li>
</ul>

非常感谢

阿维