tomandjerryhostel.com 不会向下滚动[关闭]答案

【问题标题】：tomandjerryhostel.com won't scroll down [closed]tomandjerryhostel.com 不会向下滚动[关闭]
【发布时间】：2013-02-28 01:22:48
【问题描述】：

我在 Google Chrome 中遇到的问题在任何其他网络浏览器中都没有。

无论我做什么，Google Chrome 都不会滚动。我已经尝试在网上寻找修复程序，但我似乎找不到任何东西。

【问题讨论】：

【解决方案1】：

因为你有

media="all"
  html, body {
  height: 100%;
}

在你的http://tomandjerryhostel.com/public/style.css

body 设置为 position:relative 只需从你的 style.css 中删除 height: 100%; 然后你就会有卷轴 :)

【讨论】：

【解决方案2】：

你的 body 标签中有一个 position: relative：

<body id="page1" style="position: relative; min-height: 100%; top: 0px;">

我不明白你为什么需要它，删除它就可以了。

【讨论】：

【解决方案3】：

问题是您在.wrapper 上将overflow 设置为hidden。我假设这不是故意的，但这就是导致滚动条被隐藏的原因。

使用 Chrome 的检查元素并找到.wrapper，您可以禁用该样式属性并且行为变得正常，从而找到您的问题。

【讨论】：

【解决方案4】：

尝试在你的身体标签上添加它 scroll="yes"

  <body id="page1"  onLoad="" scroll="yes">

【讨论】：

这在除旧 IE 之外的所有内容中都是完全无效的。它不应该在任何情况下使用。 msdn.microsoft.com/en-us/library/ie/ms534393(v=vs.85).aspx
这甚至是不必要的。无论如何，这是一个 CSS 问题。