页面转换后JQueryMobile内容跳转(使用data-position =“fixed”)

时间:2013-11-21 16:39:04

标签: javascript html css jquery-mobile rhomobile

我一直在努力在我正在研究的RhoMobile项目中获得平滑过渡,并且我已经设法解决了页面过渡中的大多数故障:闪烁,标题在转换时跳过几个像素等......

但仍然存在一个问题:似乎当从一个页面转到另一个页面时,就在转换完成后(目标页面出现了alredy),它将向下滚动约15-20 px,就好像在转换过程中一样,它绘制目标页面内容而不考虑显示标题所需的px,然后再添加该空格。

我之前看过这个问题,但没有回答。请注意,它不是关于过渡闪烁的所有问题的重复,因为如果alredy设法使其工作。

我的视口如下:

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

我尝试使用javascript设置溢出:隐藏转换时隐藏,但这对android没有影响。

任何建议都表示赞赏, 谢谢!

1 个答案:

答案 0 :(得分:1)

事实证明,如果您为固定标题使用额外的高度,并且您希望jquerymobile始终遵循该大小(也在转换中),则必须在css中指定其高度:

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