2012-01-10 13 views
3

要素のリストをオーバーフロースクロールしてコンテナを作成しました。要素をクリックすると、イベントがトリガーされます。要素が完全に表示されていて、表示されていない場合は、要素がトリガーイベントよりも完全に表示されるまで、outter divのスクロールを行います。オーバーフロースクロールで要素が完全に表示されているかどうかを確認するDIV

ネイティブcss3アニメーションといくつかのjsの組み合わせでスクロールする方法はありますか?

ウェブキットブラウザ、特にモバイルサファリでのみ動作する必要があります。あなたが行く

あり

http://jsfiddle.net/calebo/hywnc/

+0

チェックこの質問:https://stackoverflow.com/questions/123999/how-to-tell-if-a-dom-element-is-visible-in-the-現在のビューポート..全体のビューポートの代わりにdivにそれを採用してください –

答えて

0

:これまでの私の努力のHERESにいくつかのサンプルコード

http://jsfiddle.net/hywnc/17/

私はスクロール/アニメーションscrollToプラグインを使用しています。オフセットが10より大きい最初のスライドを探している右のスライドを見つける。私は前のものが目標であると仮定します。

if ($this.offset().left >= 10) { 
    // Other logic 
    return false // Return false to stop the jQuery each method 
} 

幸運

+0

こんにちは、私はそれが正しいとは思わない。完全に表示されていない4番目のアイテムをクリックすることを意味します)、次に左にスクロール/プルし、4番目のアイテムが完全に表示され、コンテンツアイテムに固有のイベントがトリガーされます。 – calebo

+0

もう一度質問をお読みください。あなたは、 "クリック"という言葉には言及しません。それを正しく書き直すと、私はあなたを助けます。 –

関連する問題