1

Sly スクロールバーに問題があります。

マウスとスクロールバーでドラッグしてスクロールできるタイムラインを設定したいと思います。マウスによるスクロールは正常に機能しますが、スクロールバーが機能せず、適切なドキュメントもありません。

また、コンソールにエラーはありません。

これは私のスクロールバーです:

<div id="scrollbar">
    <div class="handle"></div>
</div>

これはcssです：

#scrollbar {
    width: 100%;
    height: 30px;
    background: #f00;
    margin-top: 10px;
    line-height: 0;
}
#scrollbar .handle {
    width: 50px;
    height: 30px;
    background: #00f;
    position: absolute;
}

スクロールを開始するためのJavaScript呼び出し

$("#timeline").sly({
    dragSource : '.frame',
    horizontal : 1,
    itemNav: 'basic',
    smart : 1,
    activateOn : 'click',
    mouseDragging : 1,
    touchDragging : 1,
    releaseSwing : 1,
    scrollBy : 1,
    activatePageOn : 'click',
    speed : 50,
    easing : 'easeInOutBounce',
    swingSpeed : 0.07,
    elasticBounds : 1,
    dragHandle : 1,
    dynamicHandle : 1,
    clickBar : 1,
    scrollbar : '$("#scrollbar")',
    dragHandle : 1
});

大学のプロジェクトでこれが必要なので、誰かが私の問題を解決してくれたら最高です。

4

1 に答える 1

2

2つの小さな間違いがあります。

行を変更する

scrollbar : '$("#scrollbar")'

に

scrollBar : $("#scrollbar")

すべてが期待どおりに機能するはずです。

于 2013-05-26T19:41:00.863 に答える