有什么方法可以防止其位置在"vw"和"vh"中定义的元素在调整大小期间滑动？

Question

我想从表面上看你会想"但他们不是你想要的吗？嗯，是的，但问题是，某些屏幕外或其他视图之外的元素，例如轮播的下几张幻灯片，随着页面调整大小，然后再次消失，它会一直滑入视野，看起来有点糟糕。这只是使用vw/vh的副作用吗？我做错了吗？

Answer 1

如果你有一个元素，比如说一个位置顶部为 100vw 的div，你不能瞄准该特定元素，因为你正在使用那个特定的单位。当您通过javascript获取元素的高度，字体大小，宽度或位置时，它将以像素为单位返回它。

您可以将元素 CSS 属性设置为将 vw/vh 与 javascript 一起使用，但无法从 DOM 中检索它们，因为它们使用该单元。