2011-10-24 54 views
2

我正在使用JQuery與移動網站重新定位頁眉nav上的滾動沒有位置:固定支持。這很好,當用戶停止滾動頁眉被放回頁面的頂部。如何在iPhone/Android上捕獲滾動開始事件

爲了增強用戶的體驗,我想在用戶開始滾動時讓它隱藏()標題,然後讓它在停止時滑入。問題在於滾動事件僅在用戶停止滾動時觸發。我讀過有iOS特定的觸摸事件,但有什麼辦法可以捕獲iOS和Android上使用相互通用代碼的滾動開始事件嗎?

感謝

回答

5

我相信jQuery Mobile,能做到這一點。下面的代碼看看:

$(document).bind("scrollstop", function() { 

//What occurs when the scrolling stops 
alert("You have stopped scrolling"); 
}); 

$(document).bind("scrollstart", function() { 

//What occurs when the scrolling starts 
alert("You have started scrolling"); 

}); 
+0

謝謝,我應該想到這一點,我也可以在網站上使用其他一些JQuery移動功能。 – Marcus

+3

實際上,要注意的是,在滾動開始之前,iOS不允許任何DOM操作,直到停止。所以你不能刪除scrollstart上的標題。 – Marcus

2

您可以使用jQuery Touchwipe開始:它是裏面添加新的事件,wipeleft和wiperight插件。

它可以很容易地修改以改變水平擦拭物以垂直酮(改變x的至y的) http://plugins.jquery.com/project/Touchwipe-iPhone-iPad-wipe-gesture

它工作在Android,IOS和BBOS。

+0

我不知道這個,未來會有用的。儘管如此,我仍然可以使用JQuery Mobile來使用它的一些其他功能。 – Marcus

2

這個scrollstart事件在android 2.3.4的默認android瀏覽器中有錯誤當用戶開始滾動時,scrollstart事件不會觸發100%的時間。我正在努力追查問題。我正在尋找在scrollstart事件之前觸發的任何事件。在我的代碼中,它也可能是一個衝突事件。我需要先排除。