![](/img/trans.png)
[英]jQuery Mobile: Debugging Touch events, issue with data-position=“fixed”
[英]JQueryMobile content jump after page transition (Using data-position=“fixed”)
我已經嘗試了好幾天,以在我正在研究的RhoMobile項目中獲得平穩的過渡,而且我設法解決了頁面過渡中的大多數故障:閃爍,頁眉在過渡時跳了幾個像素等等。
但是仍然存在一個問題:似乎在從一個頁面轉到另一頁面時,轉換完成后(目標頁面顯示為紅色),它會向下滾動大約15-20像素,好像在轉換過程中繪制了目標網頁內容未考慮顯示頁眉所需的px,然后再添加該空間。
我以前曾問過這個問題,但沒有答案。 請注意,它不是所有有關過渡閃爍的問題的重復,因為如果alredy設法使它起作用。
我的視口如下:
<meta name="viewport" content="user-scalable=no, height=device-height, width=device-width">
我嘗試使用javascript設置溢出:過渡時隱藏,但這對android沒有影響。
任何建議表示贊賞,謝謝!
事實證明,如果您對固定的標頭使用額外的高度,並且希望jquerymobile始終(在轉換中)遵守該大小,則必須在css中指定其高度:
.ui-page-header-fixed{
padding-top: 3.5em !important;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.