jQuery移动滚动/页面切断多页模板上的问题

时间:2014-07-20 13:10:07

标签: javascript jquery css jquery-mobile

有这个奇怪的问题,页面/屏幕被切断了。

当你点击下面的这个屏幕(更短)然后点击返回并进入另一个更长的屏幕时,似乎会发生这种情况。滚动条不会出现,因此页面被切断。在Chrome v36& iOS Safari。

http://onegreenthing.net/sunsuper/RetirementModeller/Forecast.html#retirement-age

有什么想法吗?

PS:调整窗口大小,使其像宽度一样移动(例如400px宽)

2 个答案:

答案 0 :(得分:0)

.the-thing:before {
    content: "";
    display: block;
    height: 0;
    padding-top: 56.25%;
}

如果页面的内容自然比视口高,则不会重新计算的伪装垂直居中的气味。

评论后更新 - 试试这个:

if( $(document).height() >  $(window).height() ) {
  $(".the-thing").remove();
}

评论后#2 - 你的主要容器元素有这个css(对于id ='退休年龄'):

.ui-mobile .ui-page {
    min-height: 300px;
}

如果我把窗户拉得短于300 - 我得到了无滚动的东西 - 没有马车 - 这是正确的。

答案 1 :(得分:0)

Ok菜鸟错误:( ..有重复ID的页面,删除它并修复了问题。