javascript - 滚动锁定网页中特定位置上方的所有元素

Question

我有一个网络应用程序，滚动时我想锁定某个像素以上的所有内容。这有可能吗？

问题是我有一个网格在屏幕上某处显示数据。滚动时，网格的内容应该滚动，但网格上方的所有内容都应该保持锁定在屏幕上。网格总是在不同的位置。因此，例如，我希望能够只说:“滚动锁定像素 135 以上的所有元素”。

Web 应用程序是使用 GWT 构建的。因此，可以接受使用 GWT、HTML、CSS 或 JavaScript 解决此问题的任何答案。

Answer 1

如果你想要一个元素在相同的位置，你必须使用position fixed。如果您希望使用滚动属性在元素中执行特定行为，甚至可以添加 js 函数，此时您可以指定用户何时在特定像素中滚动:示例:

$(window).scroll(function(){
    //instructions when you are scrolling.
 })