javascript - Javascript降雪水平滚动问题

我想在我的网站上下雪。

这里是
[示例] [1]。一切正常。我得到的唯一问题是水平滚动，这是由脚本生成的画布引起的。我也想把雪降到最低点。它将降到底部，但是一旦您滚动页面，降雪将停止直到屏幕高度。即995像素。我希望即使将页面滚动到底部也下雪。

[1]: https://jsfiddle.net/gkat16t5/

最佳答案

由于您说过要向下滚动时显示它，因此请执行以下操作：
首先，将一个类添加到元素：

function init() {
                container = document.createElement('div');
                container.classList.add("snow");
                //...
}

然后设置样式：

.snow{
    position:fixed; /*Positions it so it stays when you scroll down*/
    top:0; /*Makes it full screen*/
    left:0;
    right:0;
    bottom:0;
    pointer-events:none; /*Allows the user to click through it*/
}

全部完成：D

JSFiddle Demo - With overflow

JSFiddle Demo - Without overflow