我使用jQuery $(window)height()来获得 windows 的高度。这在所有的浏览器中都有效,除了iPhone 6中的Safari浏览器。它没有给予正确的 windows 高度。我也尝试了window.innerHeight,但结果是一样的。有帮助吗?
$(window)height()
window.innerHeight
nwnhqdif1#
我会推荐你看这篇文章。有一个hacky修复,但它归结为一个bug在Safari移动的(这可能也适用于Safari桌面)Mobile Safari $(window).height() URL bar discrepancy
pvabu6sv2#
我在这个问题上争论了很多。Safari在获取元素的高度方面有很多麻烦,但是我找到了一个JavaScript方法,可以返回特定元素的正确高度。在这里我给予你的链接和支持确认。实际上,我用在一个项目中,我需要控制动画取决于一个元素的高度。我希望它能帮助到和我有同样情况的人。https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect使用getBoundingClientRect并访问height属性,如下所示:元素的高度
2条答案
按热度按时间nwnhqdif1#
我会推荐你看这篇文章。有一个hacky修复,但它归结为一个bug在Safari移动的(这可能也适用于Safari桌面)
Mobile Safari $(window).height() URL bar discrepancy
pvabu6sv2#
我在这个问题上争论了很多。Safari在获取元素的高度方面有很多麻烦,但是我找到了一个JavaScript方法,可以返回特定元素的正确高度。
在这里我给予你的链接和支持确认。实际上,我用在一个项目中,我需要控制动画取决于一个元素的高度。
我希望它能帮助到和我有同样情况的人。
https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect
使用getBoundingClientRect并访问height属性,如下所示:
元素的高度