在iphone頁面滾動期間隱藏和顯示div

Question

需要在網頁上顯示元素（ div ）。 在滾動期間，元素應該消失並在滾動結束后重新出現。

增加復雜性：

1. 我們的代碼是訪客代碼（因此我們無法操縱DOM結構等）。
2. 我們的代碼適用於iPhone / iPad（移動Safari瀏覽器）

我們試圖在文檔/正文上偵聽touchstart事件，並在我們的專用處理程序中隱藏元素（ div ）。 但是，在某些站點中（當DOM結構變得相當復雜時），即使處理程序實現完全為空，滾動響應時間也會顯着增加。

我們正在尋找管理元素（重新）外觀的正確方法，同時滾動時對用戶體驗的影響最小。

Answer 1

我認為Javascript是您最好的解決方案。 你可以使用document.createElement動態地將你的DIV插入任何內容，然后還添加一些javascript來監聽onScroll ...

如果需要，您甚至可以使用從本機代碼構建的自定義HTML填充DIV。

有幫助嗎？

Answer 2

我不知道你是不是一個jQuery用戶，但是這個.scroll（）函數可以幫助你完成你想要做的事情。 查看演示以了解它是如何工作的。

http://api.jquery.com/scroll/

Answer 3

在最近的iOS版本（5.x）中，支持固定定位（ position:fixed在CSS中），因此您的元素將定位在屏幕坐標上。 這可能是解決問題的良好起點。