javascript - 页面转换后的 JQueryMobile 内容跳转(使用数据位置 ="fixed")

Question

几天来，我一直在尝试在我正在处理的 RhoMobile 元素中实现平滑过渡，并且我已经设法修复了页面过渡中的大部分故障:闪烁、页眉在过渡时跳跃了几个像素等...

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

我以前见过这个问题，但没有答案。请注意，它不是关于转换闪烁的所有问题的重复，因为如果已经设法让它工作。

我的视口(viewport)如下:

<meta name="viewport" content="user-scalable=no, height=device-height, width=device-width">

我尝试过使用 javascript 设置 overflow: hidden while transitions，但这对 android 没有影响。

任何建议表示赞赏， 谢谢!

Answer 1

事实证明，如果您为固定 header 使用额外的高度并且您希望 jquerymobile 始终遵守该尺寸(也在转换中)，您必须在 css 中指定它的高度:

.ui-page-header-fixed{
    padding-top: 3.5em !important; 
}