web-dev-qa-db-ja.com

jQueryを使用してdivをドラッグアンドスクロールする方法

私はしばらくの間探していましたが、これらの要素を組み合わせる方法を見つけることができません:

1行の要素を持つ100%幅のdivが必要です。次のように、このdivをスクロールする必要があります。 http://jqueryfordesigners.com/demo/scrollable-timelines.html

だから隠されたオーバーフローなどで。

しかし、今はマウスクリックを放したときにある種のスムーズな使いやすさが欲しいので、それは一種のスイープのようになります。したがって、画面を左から右にドラッグしてマウスを離すと、画面が1秒間移動し、直線的に減速します。うーん、私は理にかなっていますか?

誰かが私を軌道に戻すためのスクリプトやいくつかのヒントを知っていますか?

ドン

13
Don Munter

Utterscrollは私が書いたドラッグアンドスクロールライブラリです:(編集:デモが一時的に壊れており、CDNリンクが機能しなくなったようです)

GitHub: https://github.com/debiki/utterscroll
GitHubがホストするデモ: http://rawgit.com/debiki/utterscroll/master/utterscroll-example.html

他のライブラリとは異なり、1)スクロールではなくテキストを選択するかどうかを理解します( 質問でリンクされている例 では、テキストを選択できないことに注意してください)。2 )構成は必要ないか、ほとんど必要ありません。

ただし、マウスを離すとUtterscrollは停止します(上記の回答のDragscrollableと同じように)。

6
KajMagnus