2011-11-12 17 views
1

こんにちは水平キャプチャを追加する横スクロールギャラリーがあります。キャプションはページ上に静的で、ユーザーが各画像をスクロールするとオンとオフが切り替わります。 HERESにjquery horizo​​ntal scroll event - 編集

ページのモックアップ:私はそれが入ったときにイベントをトリガするために使用したい私は上記のギャラリーで小さな赤い四角を持っている概念実証のために

http://www.jonathantopf.com/imijstudio/

画面。何か案は?

私はウェイポイントを使用していましたが、水平スクロールイベントを受信するように設定する方法を理解できませんでした。私は相続人は、私がこれまで試したものを、

何か助けが大幅に高く評価されるように伝えることができるかもしれないとjqueryのに非常に新しいです:

$(document).ready(function() { 

$("#blob").waypoint(function() { 
    alert('waypoint reached.'); 
}); 


}); 

、ここではエラーです:

Uncaught TypeError: Object function (selector, context) { 
    // The jQuery object is actually just the init constructor 'enhanced' 
    return new jQuery.fn.init(selector, context); 
} has no method 'isWindow' 

UPDATE:jqueryの最新バージョンにアップグレードされました。これは、consloeエラーを修正するようです。今は動作しますが、正方形がフレームに垂直に入るときだけ、向きを水平に設定する方法を見つけることはできません。

JON

+0

ちょうど私の試みで、今までの投稿を修正しました。私はまだ非常に新しいので、私はまだjqueryの働きを把握しようとしています。 –

答えて

4

ねえ、あなたはちょうどここにあなたのための簡単なテストを行ってscrollleftアイブから$(ウィンドウ).scrollと値を使用する必要があります。

http://jsfiddle.net/vJUXy/

は、私は場合には、IVEの誤解を教えて? アレックス

+0

すごい!プラグインなし、天才! –

+0

あなたは歓迎ですが、スクロールするときにテキストをどのように変更するかを説明するためにちょっとしたことを追加しましたので、それを実装するのが簡単に分かります。http://jsfiddle.net/vJUXy/1/ – Alex

2

おかげで、あなたのjQueryを更新します。 isWindowが1.4.3(http://api.jquery.com/jQuery.isWindow/)で追加され、1.4.2を使用しています。

+0

マットをマッチングしてjqueryを更新しました。私が垂直にスクロールすると起動する、私はそれが水平に動作する必要がある、私はスクロールオリエンテーションを指定するためにウェイポイントの任意の参照を見つけることができませんでした –

+0

https://github.com/imakewebthings/jquery-waypoints/issues/14独自の関数=/ – MatTheCat

関連する問題