正文HTML高度100%

时间:2014-04-28 02:15:26

标签: jquery html height

当我尝试将html,body设置为100%height时,依赖于滚动位置的所有jquery脚本都停止工作。 为什么是这样? http://creativelycoded.com/demos/Astonish/one-page/index.html

这是我的网站。如果您使用检查元素并添加100%的高度,您将看到我的意思。

我需要100%的高度来获得背景尺寸:封面才能在iPhone和iPad上正常工作。现在,背景图像缩放到文档的整个高度。但是当我为html和body添加100%的高度时,它们会正确缩放,但是我的脚本搞砸了。

任何帮助将不胜感激。

由于 约翰

3 个答案:

答案 0 :(得分:0)

你不能拥有高度为html的html或body:100%并使用基于滚动位置的脚本。 scrollTop()不再有效

尝试html, body{ height:100vh; }

这是在CSS3中使用新的vh单位,这意味着100%的视口高度。它适用于现代浏览器。

支持表:http://caniuse.com/#feat=viewport-units

答案 1 :(得分:0)

我认为将高度设置为100%意味着没有滚动条,因此没有滚动位置。

如果你设置了css:

html{ overflow-y: scroll; }

它可能会解决它。

答案 2 :(得分:-1)

在html代码中添加样式,例如style="height:100%"