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

Question

在关闭页面/屏幕时遇到了这个奇怪的问题。

当您单击下面的屏幕（较短），然后单击返回并进入另一个较长的屏幕时，似乎会发生。 滚动条没有出现，因此页面被剪切了。 在Chrome v36和iOS Safari中进行测试。

有任何想法吗？

PS：调整窗口大小，使其像宽度一样移动（例如400px宽）

Answer 1

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

如果页面的内容自然地高于视口，则无法重新计算以消除像psuedo-vertical-centering一样的气味。

评论后更新-试试这个：

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

发表评论＃2-您的主要容器元素具有以下CSS（对于id ='retirement-age'）：

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

如果我将窗户拉到300英寸以下-我会看到无滚动的东西-不是越野车-没错。

Answer 2

好的菜鸟错误:( ..那里有重复的ID页面，将其删除并解决了问题。