当我尝试将html,body设置为100%height时,依赖于滚动位置的所有jquery脚本都停止工作。 为什么是这样? http://creativelycoded.com/demos/Astonish/one-page/index.html
这是我的网站。如果您使用检查元素并添加100%的高度,您将看到我的意思。
我需要100%的高度来获得背景尺寸:封面才能在iPhone和iPad上正常工作。现在,背景图像缩放到文档的整个高度。但是当我为html和body添加100%的高度时,它们会正确缩放,但是我的脚本搞砸了。
任何帮助将不胜感激。
由于 约翰
答案 0 :(得分:0)
你不能拥有高度为html的html或body:100%并使用基于滚动位置的脚本。 scrollTop()不再有效
尝试html, body{ height:100vh; }
这是在CSS3中使用新的vh单位,这意味着100%的视口高度。它适用于现代浏览器。
答案 1 :(得分:0)
我认为将高度设置为100%意味着没有滚动条,因此没有滚动位置。
如果你设置了css:
html{ overflow-y: scroll; }
它可能会解决它。
答案 2 :(得分:-1)
在html代码中添加样式,例如style="height:100%"