1

===================

名称：//html文本框//

年龄：//文本框//

//div//

//桌子//

===================

假设上面是一个 HTML 页面。还假设该表至少有 50 行，以便可以滚动整个页面。目前，当我滚动页面时，整个页面（div、table）都会滚动。我希望 div 在滚动时位于页面顶部，如下图所示：

===================

//div//

...

...

...

//row21//

//row22//

...

...

===================

我想知道这是否可能。我尝试对 div 使用 CSS：

//div的CSS：

位置：固定；

宽度：100；

但是，它会准确地显示 div 的位置。但是，我想在滚动时将 div 移动到页面顶部。

谢谢。

4

3 回答 3

1

这不是微不足道的

  • 您将需要使用 JavaScript 来复制 div 并使其位置固定。
  • 您将需要处理滚动事件来隐藏和显示固定 div

我有一个小型库来为表头做这样的事情，我认为您可以阅读源代码或按原样使用表

演示：http
://www.agyey.com/demo/stickyhead/demo.html 代码：https ://bitbucket.org/anuraguniyal/stickyhead

于 2012-10-25T23:19:09.187 回答
0

这仅在 CSS 中是不可能的。如您所知，您可以使用：

position: fixed

将元素相对于浏览器窗口保持在同一位置，但是为了在滚动内容时将其移动到顶部，您需要使用 JavaScript。

您可能想查看此 SO 帖子以了解如何实现该效果。

于 2012-10-25T23:17:50.677 回答
0

您需要将其添加到 CSS 中。

  top:100px;//adjust til the div is below the name and age section.
  position:fixed;

我想这就是你要找的。

于 2012-10-25T23:18:53.420 回答