jquery(touch)トグル/スライダ設定ウィンドウ

Im using phonegap + jQuery + jQuery iphone touch: http://www.midemos.com/demos/iphone/touch/?/iphone/touch/

私のようなものを手に入れようとしている: (「quakeprediction」ツイートスライダ)

enter image description here

私は基本的に画面の外に設定ウィンドウを隠したい。

左にスライドすると(十分に)、ウィンドウの外側から「弾性的に」アニメーション化されます。

Small jsfiddle visually displaying the principle: http://jsfiddle.net/FzJZk/2/

jquery iphone touchプラグインを使用しているので( http:// www。 midemos.com/demos/iphone/touch/?/iphone/touch/ )はマウスイベントをサポートしていませんjsfiddleは "realworld example"では動作しません。

ここに私が持っている最新のコードのjsfiddleバージョンです:

http://jsfiddle.net/kgGes/ It slides fine, however it doesn't have that "elastic string effect" animation. When i set "animate: true," it just gives white borders on the left and right, no smooth animation. "sticky: true" doesn't change anything.

jQuery UIを使用した例はありません。私が使用しているjquery iphone touchプラグインの非常に小さいフットプリントが好きです。

1

1 答え

1
追加された