【问题标题】:Possible to scroll to a row in a table using jQuery?可以使用jQuery滚动到表格中的一行吗?
【发布时间】:2011-06-24 16:29:52
【问题描述】:

我有一组大约 4000 条记录。我在表格中一次显示 15 个,我很好奇是否有实现“滚动动画”以允许用户滚动到表格中的特定位置?

例如,如果用户正在查看记录 1-15,并且他们想查看 2000-2015 年的记录,是否有一个插件可以使记录看起来向下滚动到该位置。

另外,这样做会导致性能问题(因为我可能会加载 4000 条记录)?

【问题讨论】:

    标签: jquery animation


    【解决方案1】:

    是的,有。您还可以考虑为每行生成一个锚点<a>,这样您就可以滚动到特定位置。

    这里有一个插件可以为你做到这一点:http://plugins.jquery.com/project/ScrollTo

    【讨论】:

    • +1 我在很多项目中都使用过scrollto,它坚如磐石!
    • 每行生成一个额外的元素是相当不必要的,并且对于大量的 DOM 元素,你真的想尽量减少偷听。只需为每一行添加一个唯一 ID,例如 <tr id="mytable-row-42>...</tr>
    • 我不知道 ScrollTo 有什么可能,所以是的,如果您可以滚动到 tr,我也可以。但我在考虑锚点,因为这通常是滚动到的合乎逻辑的位置。
    【解决方案2】:

    这里有两个不同的问题。

    首先查看一个可以处理大量数据集的网格插件。这通常通过虚拟渲染完成。
    我喜欢SlickGrid(其中many other places,用于在SEDE中显示查询结果)。

    然后您可以弄清楚如何滚动到特定行,因为这几乎肯定取决于网格实现本身。

    【讨论】:

    猜你喜欢
    • 2010-12-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-11-30
    • 1970-01-01
    • 2015-04-01
    • 2010-09-16
    • 1970-01-01
    相关资源
    最近更新 更多