粘性帆布在某些页面滚动后消失Y

Question

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

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

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

已加载完整代码样本此处w3schools.com example

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

Answer 1

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

非常感谢Keith。