Javascript 获取主体高度,其中主体高度小于视口高度
如果主体比视口小,则主体 我想做的是调整图片的大小,使主体适合视口。我想有一个漂亮的“上面的折叠”布局,用户不需要滚动。当屏幕太大以至于主体比视口小时,它会中断 如果主体<视口 然后Javascript 获取主体高度,其中主体高度小于视口高度,javascript,Javascript,如果主体比视口小,则主体 我想做的是调整图片的大小,使主体适合视口。我想有一个漂亮的“上面的折叠”布局,用户不需要滚动。当屏幕太大以至于主体比视口小时,它会中断 如果主体
document.body.scrollHeight
(body)=document.documentElement.clientHeight
(视口)
jQuery解决方案是使用$(document).height()
,但它给出的是视口或文档的较大值
提供了因同样原因而在这里失败的解决方案
当身体高度小于视口高度时,如何找到身体高度?为了避免出现这种问题,可以使用CSS视口变量定义身体高度等于视口高度!见上文:
body {
height: 100vh;
}
在这种情况下,我使用的是vh变量,它对应于ViewportH8。检查您可以使用的其他选项。不完全正确,因为那里的解决方案不会给出小于视口的高度。这是我只需使用容器并尝试检查的点之一。
主体
有点特殊,有一些特殊的功能。为什么不把整个东西包在一个容器里测量一下呢?这里是在黑暗中拍摄,但是你试过了吗?