【发布时间】：2013-11-21 16:39:04
【问题描述】：
几天来，我一直在尝试在我正在处理的 RhoMobile 项目中获得平滑的过渡，并且我已经设法修复了页面过渡中的大部分故障：闪烁、标题在过渡时跳跃几个像素等...
但是仍然存在一个问题：似乎从一页转到另一页时，在过渡完成后（目标页面已经出现），它会向下滚动大约 15-20 px，就好像在过渡期间一样，它在不考虑显示标题所需的像素的情况下绘制目标页面内容，然后再添加该空间。
我以前看到过这个问题，但没有答案。请注意，它并不是所有关于过渡闪烁的问题的重复，因为如果已经设法使其正常工作。
我的视口如下：
<meta name="viewport" content="user-scalable=no, height=device-height, width=device-width">
我试过用javascript设置overflow:hidden while transitioning，但这对android没有影响。
任何建议表示赞赏， 谢谢！
【问题讨论】：
-
data-position=fixed仅用于页眉和页脚。 -
对不起，是的，我没有说清楚，我在标题上使用了 data-position="fixed"。标头保留在应有的位置，但它是具有上述行为的页面内容。
-
我认为这可能是相关的：stackoverflow.com/questions/13828783/… 但是，建议的修复对我没有用，使用 javascript te set overflow: hidden 什么都不做，并且尝试根据像素设置高度不起作用要么，因为这个应用程序必须在几个不同的智能手机上运行。
-
最奇怪的是，在主索引页面（应用程序菜单）上，这不会发生。过渡期间所有元素都在原位，动画结束后不改变位置。
-
试试这个
<meta name="viewport" content="width=device-width, initial-scale=1">jqm推荐的。我猜是height=device-height造成的。
标签： javascript html css jquery-mobile rhomobile