试图让Mac上的Sly库中的水平触摸板滚动工作

Question

我试图让Sly库从Macbook Pro的触控板上滚动FRAME div。为了清楚起见，我特意寻找使用双指手势滚动框架中的项目（在.slidee元素内） - 我对点击和拖动不感兴趣。

我有以下内容：

<div id="frame" class="frame">
  <ul class="slidee">
    <li>dkfsjdsakjf</li>
    <!-- ... other items -->
  </ul>
</div>
<div class="scrollbar-container">
  <div id="scrollbar" class="scrollbar">
    <div class="handle"></div>
  </div>
</div>
<script>
    var options = {
      horizontal: 1,
      itemNav: 'basic',
      scrollBar: '#scrollbar',
      dragHandle: true,
      speed: 300,
      mouseDragging: 1,
      touchDragging: 1
    };
    $('#frame').sly(options);
</script>

这些的SCSS在这里：

.frame { width: 100%; height: 160px; padding: 0; }
.frame .slidee { margin: 0; padding: 0; height: 100%; list-style: none; }
.frame .slidee li { float: left; margin: 0 5px 0 0; padding: 0; width: 120px; height: 100%; }

.scrollbar { width: 100%; height: 30px; }
.scrollbar .handle {
  width: 100px; /* overriden if dynamicHandle: 1 */
  height: 100%;
  background: #222;
  border-radius: 1em;
  cursor: pointer;
}

.scrollbar-container {
  background-color: lightgrey;
  opacity: .5;
  bottom: 1em;
  padding: 1em;
  width: inherit;
}

但是，我无法水平滚动#frame，也不确定是否支持该功能。非常感谢任何帮助！