如何使背景视频（或任何元素）忽略 React JS 中的滚动？

Question

正如标题所说，我正在努力让我的背景视频忽略任何类型的滚动。

<video autoPlay loop muted
        style={{
            position:"absolute",
            width:"100%",
            left: "50%",
            top: "50%",
            height: "100%",
            objectFit:"cover",
            transform:"translate(-50%, -50%)",
            zIndex:"-1",
            overflow:"hidden",
        }}
        >
            <source src={Backvid} type="video/mp4"/>
        </video>

它与其余元素位于 div 内，因此我在滚动它前面的元素时试图使其静止不动。 Example of the video being used

Answer 1

我假设视频元素是 body?

的直接 child

尝试position: fixed

position: absolute仍然是相对于parent。因此，当您滚动时，body 会移动您的视频。

如何使背景视频（或任何元素）忽略 React JS 中的滚动？

How to make background video (or any element) ignore scrolling in React JS?

css

reactjs

react-bootstrap