Javascript 试图让水平触摸板滚动在Mac上的Sly库中工作
我正试图让Sly library从Macbook Pro的触摸板上滚动FRAME div。明确地说,我特别希望使用双指手势滚动框架中的项目(在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
.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;
}