javascript - 我可以修复手机上相对于屏幕的背景吗？ (注: not window)

Question

我希望手机上的网页背景在菜单栏出现和消失时不会发生变化。我已将背景设置为位置:固定；底部:0。这使其在 Chrome 浏览器中保持固定，因为底部没有工具栏或其他菜单，并且减少了 iOS 和 Android native 浏览器中的移动，因为底部工具栏比顶部地址栏小。不过，我想更进一步。

有没有办法确定元素相对于屏幕(而不是窗口)的位置，以便确定顶部或底部地址栏的高度，或任何其他内置的方法？

Answer 1

您可以使用 JavaScript 获取屏幕高度或宽度，并使用这些值来设置元素的样式。

<script>
     var height = "Total Height: " + screen.height;
     var width = "Total Width: " + screen.width;
</script>