jQuery $(window).height()在Safari中无法正常工作

yrdbyhpb  于 2022-12-12  发布在  jQuery
关注(0)|答案(2)|浏览(106)

我使用jQuery $(window)height()来获得 windows 的高度。这在所有的浏览器中都有效,除了iPhone 6中的Safari浏览器。它没有给予正确的 windows 高度。我也尝试了window.innerHeight,但结果是一样的。有帮助吗?

nwnhqdif

nwnhqdif1#

我会推荐你看这篇文章。有一个hacky修复,但它归结为一个bug在Safari移动的(这可能也适用于Safari桌面)
Mobile Safari $(window).height() URL bar discrepancy

pvabu6sv

pvabu6sv2#

我在这个问题上争论了很多。Safari在获取元素的高度方面有很多麻烦,但是我找到了一个JavaScript方法,可以返回特定元素的正确高度。
在这里我给予你的链接和支持确认。实际上,我用在一个项目中,我需要控制动画取决于一个元素的高度。
我希望它能帮助到和我有同样情况的人。
https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect
使用getBoundingClientRect并访问height属性,如下所示:
元素的高度

相关问题