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

Javascript 试图让水平触摸板滚动在Mac上的Sly库中工作,javascript,touchpad,sly-scroller,Javascript,Touchpad,Sly Scroller,我正试图让Sly library从Macbook Pro的触摸板上滚动FRAME div。明确地说,我特别希望使用双指手势滚动框架中的项目(在.slidee元素中)——我对单击并拖动不感兴趣 我有以下资料: <div id="frame" class="frame"> <ul class="slidee"> <li>dkfsjdsakjf</li> <!-- ... other items --> </ul

我正试图让Sly library从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>
但是,我无法水平滚动
#帧
,也无法确定这是否是受支持的功能。非常感谢您的帮助

.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;
}