2011-11-12 181 views
1

嗨那裏我有一個水平滾動畫廊,我想添加動態標題,頁面上的標題是靜態的,我希望他們切換時開啓和關閉時,用戶滾動通過每個圖像。jquery水平滾動事件 - 編輯

繼承人模擬了頁面:

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

對於概念證明我在上面畫廊一點紅方,我想,當它進入使用觸發事件屏幕。有任何想法嗎?

我有一個去使用waypoints但無法弄清楚如何設置它來偵聽水平滾動事件。我很新的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' 

更新:升級到最新版本的jquery,這似乎修復consloe錯誤。它現在可以工作,但只有當方塊垂直進入框架時,我才能找到如何將方向設置爲水平方向。

感謝

喬恩

+0

只是修改了我的嘗試迄今爲止,即時通訊非常新,所以我仍然試圖掌握如何jQuery的工作,j –

回答

4

嘿,你只需要在這裏使用$(窗口).scroll和scrollleft香港專業教育學院的價值做了簡單的測試,爲您提供:

http://jsfiddle.net/vJUXy/

讓我知道如果香港專業教育學院誤解? 亞歷克斯

+0

多數民衆贊成在驚人的!沒有插件,天才! –

+0

不用客氣,只是增加了一些小東西來說明如何在滾動時更改文本,這樣您就可以看到實現http://jsfiddle.net/vJUXy/1/是多麼容易。 – Alex

2

更新您的JQuery。在1.4.3(http://api.jquery.com/jQuery.isWindow/)中添加了isWindow,並且您使用的是1.4.2。

+0

感謝mat,只是更新jquery,它修復了錯誤,但它現在當我垂直滾動時觸發,我需要它水平工作,我無法在航點找到任何參考指定滾動方向 –

+0

https://github.com/imakewebthings/jquery-waypoints/issues/14你必須實現你自己的功能=/ – MatTheCat