Javascript 有没有办法防止容器元素'；在Microsoft Edge中的窗口滚动时，背景图像是否不会被调整大小？

我正在设计一个在启动页面上使用视差效果的设计。为了延长效果，我给了必要的元素一个

height

of

200vh

，它在铬合金和火/水盒中非常有效。但是，在Microsoft Edge中，只要滚动窗口，图像就会立即调整大小，因为内容是一个问题。需要注意的是，如果我将元素的

高度

更改为

100vh

，则图像在滚动时不会调整大小，问题也会消失。但是，正如前面提到的，我的意图是延长视差效应。以下是相关代码

CSS

分别显示滚动前和滚动后的屏幕截图

当文档加载时，图像是完美的，它的比例只有在滚动时才会扭曲，这让我很困惑

是否有人知道解决方法，或者是什么原因首先导致了此问题？

---

任何帮助都将不胜感激

造型和高度：200%；专门针对edge应该做的事情，trickI已经尝试过了。它不起作用，扭曲了一切@CarolMcKay你能分享测试网站链接吗？我不想公开分享，因为这不是我的个人领域。有什么办法我可以私下寄给你吗@在过去，我通过在主内容div下面添加一个额外的div，将实际值放入该div中的html中，并将div定位为绝对值，然后使用z-index解决了旧ie浏览器的问题，我希望edge没有那么狡猾，但也许确实如此。

#castle {
    height: 200vh;
    width: 100vw;
    background: url('image.svg') no-repeat fixed top;
    background-size: cover;
}