可滚动区域html

在HTML中创建可滚动列表区域的选项有哪些

那么要创建类似列表框的区域呢

带溢出的DIV：滚动是最好的方法吗

还是iframe更好

有没有更好的新方法

希望显示HTML区域，该区域使用一个对象列表进行更新，以响应使用AJAX/Comet方法从服务器“推送”更改，并在列表更新时保持用户的滚动位置。在没有“跳跃”列表的情况下可以做到这一点吗？如果可以，如何做到

编辑

我现在已经做了一个基本的DIV解决方案。基本上，使用overflow:auto（与overflow:scroll相反）似乎是静态列表和一次更新列表的好主意

再过一个星期，我想我会抽出时间来尝试一些用户“egarcia”正在谈论的动画创意，然后我会勾选一个答案

目前，我正在使用当前版本的Firefox（在Windows XP和Linux上）和Internet Explorer（在Windows XP中）进行原型制作

---

我正在做的DIV工作只是一个更大的博客项目的一小部分。

据我所知，DIV是解决此类问题的可靠方案。

---

您不应该使用iframe（几乎不应该）。

带有溢出的DIV:scroll是您最好的选择。将您的

ul

放入其中，并且

li

元素应填充在

ul

中

我不知道你所说的“名单跳跃”是什么意思。如果您的意思是希望列表“平稳增长”，而不是突然出现大量项目，那么您必须使用javascript

最简单的解决方案是对新项目应用“淡入”效果。Prototype.js和Jquery具有内置的“淡入”效果。这仍然会让你的滚动条“跳跃”——当新的元素到来时，它的大小会快速变化

---

一个更复杂但外观更好的选项是让AJAX刷新隐藏div上的数据。当数据刷新时，您可以使用该回调以平滑的方式“更新”“可见”div-或者逐个添加所有

li

项，或者使用另一个平滑增长的内部div，但您必须用javascript计算高度

我认为您应该能够在AJAX调用中获得div的scrollTop属性，然后在回调函数中设置它，以便div的滚动条可以按照您的意愿移动。请参阅此属性上的Mozilla文档：。（iFrame似乎有些过分，div应该可以工作。）

感谢您的回复。我已完成函数构建的一半，完成后将标记正确答案。