保持DIV滚动时

名称：// HTML文本框中//

年龄：/ /文本框//

// // DIV

// //将表

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

假设以上作为HTML页面。另外假定该表至少有50行，以便整个页面可以滚动。目前，当我滚动页面时，整个页面（div，table）会滚动。我想股利是在页面上方，同时如下图滚动这样：

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

// // DIV

...

// // row21

// // row22

...

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

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

// CSS for div：

position：fixed;

宽度：100;

但是，它显示了div的位置，它刚好位于前面。但是，我想在滚动时将div移动到页面的顶部。

谢谢。

2012-10-25 Ashok

'宽度：100;'需要一些单元。 – Blender

我的不好！它的宽度：100％; – Ashok

这在CSS中是不可能的。正如你已经知道你可以使用：

position: fixed

相对于浏览器窗口，以保持该元素在同一个地方，但为了将它移动到顶部时，滚动内容时，你需要使用JavaScript。

您可能想看看this SO post以了解如何实现该效果。

2012-10-25 23:17:50 kgr

您需要将此添加到CSS。

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

我想这就是你要找的。

2012-10-25 23:18:53 Rayshawn

这会导致div将自己置于'name'和'age'部分（覆盖它们）的顶部，所以不是OP所想到的。 – kgr

我已经试过了。正如KGR所指出的那样，这会将div移到名称和年龄之上。 – Ashok

您可以通过调整顶部属性，将其定位到名称和年龄div的高度以将其保留在其下方。 – Rayshawn

这是不平凡的

我有一个小图书馆做这样的事情在表头的，我想你可以阅读源代码或原样使用它，是为表

2012-10-25 23:19:09

回答