根据页面位置生成边距 - 顶部尺寸 - 固定关闭画布

Question

我希望有一个元素跟随用户向下移动页面，就像固定位置div一样，但是使用基础Off Canvas菜单无法做到这一点。

有没有办法捕获页面以像素为单位滚动的距离，并将其作为特定div上的margin-top:样式输出？

Answer 1

使用window.scrollY获取滚动距离，然后可以使用jQuery：

$("#myElement").css("margin-top", window.scrollY);

或使用纯JavaScript

document.getElementById("myElement").style.marginTop = window.scrollY;