Javascript 当用户使用空格键向下滚动页面时，使左右屏幕小部件保持在同一位置

我有一个显示产品的高度属性很大的网页。我希望用户点击空格键将页面向下移动以查看更多产品，但我需要屏幕左侧和右侧的小部件（购物车和类别）保持在屏幕上的相同位置。我不想使用滚动条。我假设这是一个javascript请求，有人能为我指出一个好的资源吗

您不需要javascript，只需使用

position:fixed，并在小部件上设置适当的
顶部
、
底部
、
左侧
和
右侧
值。这会将小部件定位在相对于浏览器窗口的固定位置，而不是HTML中的其他元素。
这里没有理由使用JavaScript-CSS应该这样做。使用
position:fixed
，可以修复页面中的元素，使它们始终保持在相对于用户视口的特定位置。一个例子可能最能说明这一点：

进一步阅读：