Javascript降雪水平滚动问题

Question

我想在我的网站上降雪。

这是 [实施例] [1]。它工作正常。我得到的唯一问题是由于脚本生成的画布导致的水平滚动。我也希望雪落到底部。它会一直下到底部但是一旦你滚动页面，降雪将停止到屏幕高度。即995px。我希望即使我将页面滚动到底部，雪也会下降。

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

Answer 1

由于您在向下滚动时表示希望它显示，请执行以下操作： 首先，在元素中添加一个类：

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