gpt4 book ai didi

javascript - 滚动时将 div 保持在页面顶部

转载 作者:行者123 更新时间:2023-11-28 18:34:49 25 4
gpt4 key购买 nike

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

名称://html文本框//

年龄://文本框//

//分区//

//表格//

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

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

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

//分区//

...

...

...

//第21行//

//第22行//

...

...

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

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

//div 的 CSS:

位置:固定;

宽度:100;

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

谢谢。

最佳答案

这不是微不足道的

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

我有一个小库可以为表头做这样的事情,我想你可以阅读源代码或者直接使用表格

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

关于javascript - 滚动时将 div 保持在页面顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13078713/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com