某些页面滚动后，粘性画布消失

Question

无论向下滚动多少页面，我都希望保持画布的粘性。

行为就像我想要的一样，直到通过scrollY的某个点，我的画布开始上升并隐藏。

我不明白为什么，因为所有内容都是静态设置的，没有变量。那么为什么行为不是恒定的。

完整代码示例已加载在此处w3schools.com example

运行它时，您会看到画布（顶部中间的白框）..向下滚动时，它保持粘性，直到只有某些scrollY（大约890），然后画布才开始上升。

Answer 1

使用postion: fixed解决画布问题。

非常感谢Keith。