JQueryMobile内容在页面转换后跳转(使用数据位置＝“固定”）

JQueryMobile content jump after page transition (Using data-position="fixed")

本文关键字：位置 数据 固定 转换 JQueryMobile      更新时间：2023-09-26

几天来，我一直在努力在我正在进行的RhoMobile项目中实现平稳过渡，我已经成功修复了页面过渡中的大多数小故障：闪烁、标题在过渡时跳过几个像素等

但有一个问题仍然存在：当从一个页面转到另一个页面时，似乎在转换完成后（目标页面已经出现），它会向下滚动大约15-20像素，就好像在转换过程中，它绘制的目标页面内容没有考虑显示标题所需的像素，然后添加该空间。

我以前见过有人问我这个问题，但没有人回答。请注意，这并不是所有关于转换时闪烁的问题的重复，因为如果我已经设法做到了。

我的视口如下：

<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; 
}
相关文章：