2012-04-04 72 views
0

我正在爲iPad設置分割視圖HTML應用程序。我正在使用jQuery Mobile。我發現了一個很好的CSS分割視圖方式(使用 -webkit溢出滾動:觸摸; 溢出:汽車;
) 和這工作正常的表單字段,但是,只要我包括jQuery Mobile腳本時我點擊任何輸入字段的div滾動到頂部(雖然輸入確實似乎集中在被點擊的表單域)。Jquery Mobile和觸摸溢出跳轉到屏幕頂部

我將不勝感激關於如何抑制滾動到頂級行爲的任何建議。

我已經搜索並發現有人抱怨滾動頁面頂部頁面過渡,但我相信這是不同的。

You can see this behavior on this jsfiddle, scroll down the right hand side and click any input field, the screen scrolls to the topedit the fiddle here)刪除jqm腳本將消除此行爲。

我們嘗試了優秀的asyraf9 splitview,但由於我們添加了更多表單項目,性能明顯下降,而且我不願意選擇jqm的自定義分支,並且一直在嘗試使用直接css apoproach。

回答

0

這對我們來說也是一個問題,在輸入頁面的輸入字段時導致屏幕瘋狂地跳下來。 造成這種情況的原因是3D webkit在Android中被破壞。

Android Browser textarea scrolls all over the place, is unusable

因此,使用任何這樣的事情的投入可能會導致此行爲。但我們並沒有使用任何這樣的東西。 從 http://www.sencha.com/forum/archive/index.php/t-132885.html?s=8cb1ed44a5383de62fffee964654a338http://java-cerise.blogspot.in/2012/02/android-browser-jumping-up-and-down.html

似乎有一個奇怪的問題,一個固定的div有具有較高的z-index比網頁中的任何絕對股利。我無法找到它的原因,但是爲我們的固定部門採取行動解決了這個問題。

試試看看它是否有相同的問題。

在JQM的自定義分支的註釋中,變化只有很少,我將splitview jqm升級到jqm的最後一個穩定版本,這是1.0.1的輕鬆版本。