我一直在努力在我正在研究的RhoMobile项目中获得平滑过渡,并且我已经设法解决了页面过渡中的大多数故障:闪烁,标题在转换时跳过几个像素等......
但仍然存在一个问题:似乎当从一个页面转到另一个页面时,就在转换完成后(目标页面出现了alredy),它将向下滚动约15-20 px,就好像在转换过程中一样,它绘制目标页面内容而不考虑显示标题所需的px,然后再添加该空格。
我之前看过这个问题,但没有回答。请注意,它不是关于过渡闪烁的所有问题的重复,因为如果alredy设法使其工作。
我的视口如下:
<meta name="viewport" content="user-scalable=no, height=device-height, width=device-width">
我尝试使用javascript设置溢出:隐藏转换时隐藏,但这对android没有影响。
任何建议都表示赞赏, 谢谢!
答案 0 :(得分:1)
事实证明,如果您为固定标题使用额外的高度,并且您希望jquerymobile始终遵循该大小(也在转换中),则必须在css中指定其高度:
.ui-page-header-fixed{
padding-top: 3.5em !important;
}