Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 身体高度100%_Jquery_Html_Height - Fatal编程技术网

Jquery 身体高度100%

Jquery 身体高度100%,jquery,html,height,Jquery,Html,Height,当我尝试将html、body设置为100%高度时,所有依赖于滚动位置的jquery脚本都停止工作。 为什么会这样? 这是我的网站。如果您使用inspect元素并添加100%高度,您将了解我的意思 我需要100%的高度来获得背景尺寸:封面在iPhone和iPad上正常工作。现在,背景图像缩放到文档的整个高度。但当我将100%的高度添加到html和body中时,它们会适当地缩放,但我的脚本会出错 任何帮助都将不胜感激 谢谢 John不能使用高度为100%的html或正文,也不能使用基于滚动位置的脚

当我尝试将html、body设置为100%高度时,所有依赖于滚动位置的jquery脚本都停止工作。 为什么会这样?

这是我的网站。如果您使用inspect元素并添加100%高度,您将了解我的意思

我需要100%的高度来获得背景尺寸:封面在iPhone和iPad上正常工作。现在,背景图像缩放到文档的整个高度。但当我将100%的高度添加到html和body中时,它们会适当地缩放,但我的脚本会出错

任何帮助都将不胜感激

谢谢
John

不能使用高度为100%的html或正文,也不能使用基于滚动位置的脚本。scrollTop()不再工作

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

这是在CSS3中使用新的vh单元,表示视口高度的100%。它适用于现代浏览器


支持表:

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

如果设置css:

html{ overflow-y: scroll; }

它可能会修复它。

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