Question

最近，在向this page添加越来越多的信息之后，我注意到它无法滚动，只是根据浏览器的分辨率而中断。

任何帮助都会非常感激。

Answer 1

向overflow:auto;和body添加#recentchanges应该修复它。但是，真正的问题是jQuery正在添加这些属性，这表明你应该查看你的CSS代码并找出问题的根源。您似乎复制粘贴了一些代码，因此您可能需要浏览文件jquery.mobile-1.3.1.min.css并从中删除overflow:hidden的实例。

Answer 2

.ui-mobile-viewport-transitioning,.ui-mobile-viewport-transitioning .ui-page {
width:100%;
height:100%;
overflow:hidden; <= THIS IS THE CAUSE.
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

Answer 3

删除

   .ui-mobile-viewport-transitioning, .ui-mobile-viewport-transitioning .ui-page {
      box-sizing: border-box;
      overflow: hidden;/*remove*/
      width: 100%;
}

来自js库或添加 overflow:auto到身体

Answer 4

要添加滚动到页面使用overflow-x：滚动到底部滚动和溢出-y：滚动以进行垂直滚动和溢出：滚动两者

为什么这个网页不可滚动？

4 个答案: