当用户滚动时将表标题保留在屏幕上

发布于 2024-07-29 10:30:41 字数 404 浏览 11 评论 0原文

我有一个包含表格的 HTML 页面。 表标题最终会滚动到屏幕顶部,但我希望标题在顶部保持可见。

我想使用像 alaskaair.com 的“Fares Selected”小部件这样的方法。 当您滚动页面时,他们的小票价小部件仍然可见:alaskaair.com 小部件的屏幕截图。

请注意,就我而言,它看起来更像是这样的: 简单模型

I have an HTML page that contains a table. The table headers get eventually scrolled off the top of the screen, but I would like the headers to stay visible at the top.

I want to use a method like alaskaair.com's "Fares Selected" widget. Their little Fares widget stays visible as you scroll the page: Screenshot of alaskaair.com widget.

Note that in my case it would look more like this: Simple Mockup

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

北斗星光 2024-08-05 10:30:42

我最近遇到了类似的情况(为通知创建收件箱样式的显示),经过一些谷歌搜索,我发现了这些:

  1. http://www.imaputz.com/cssStuff/bigFourVersion.html
  2. http://www.imaputz.com/cssStuff/bulletVersion.html

我目前正在使用 (1),到目前为止我还没有遇到任何问题。 您可以在此处关注解决方案的讨论。

编辑
我刚刚重新阅读了您的问题,我想这并不是您想要的。 不过,也许对其他人有用。

I was in a similar situation recently (creating an inbox-style display for notifications), and after some googling, I came across these:

  1. http://www.imaputz.com/cssStuff/bigFourVersion.html
  2. http://www.imaputz.com/cssStuff/bulletVersion.html

I'm presently using (1) and I haven't encountered any issues with it so far. You can follow the discussion of the solution here.

EDIT
I just re-read your question, and I guess this isn't exactly what you were looking for. Still, maybe it'll be useful to someone else.

◇流星雨 2024-08-05 10:30:41

我使用 xTableHeaderFixed 冻结我的标题:

http://cross-browser. com/x/lib/view.php?s=xTableHeaderFixed

I use xTableHeaderFixed to freeze my headers:

http://cross-browser.com/x/lib/view.php?s=xTableHeaderFixed

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文