【问题标题】:How do I auto-scroll to a specific table row?如何自动滚动到特定的表格行?
【发布时间】:2014-03-22 15:15:46
【问题描述】:

我有一个带有页眉的 html 页面、一个包含 100 个项目的表格和一个页脚。

当有搜索时,我会突出显示包含数据的行。

但是,如果突出显示的行是第 75 行,用户必须向下滚动才能找到它。

如何自动滚动到该行?

我确实看到了scrollTo(),但看到它只需要轴点。

有什么建议吗?

谢谢。

(在 C、html、css 和 javascript/jquery 中使用 cgi)

【问题讨论】:

    标签: javascript jquery html dom


    【解决方案1】:

    您应该可以使用scrollIntoView()。 (它直接在 DOM 元素上。)

    请注意,在某些布局情况下,滚动页面上的某些内容可能会导致 IE6 和 7 决定也需要随机滚动其他内容。

    【讨论】:

    • 很容易使用。谢谢@Pointy
    【解决方案2】:

    试试这个:

    函数滚动到元素(元素){ var selectedPosX = 0; var selectedPosY = 0; 而(元素!= null){ selectedPosX += theElement.offsetLeft; selectedPosY += theElement.offsetTop; theElement = theElement.offsetParent; } window.scrollTo(selectedPosX,selectedPosY); } 脚本>

    【讨论】:

    • 我已经编辑了我的答案,因为经过测试我发现它不起作用
    【解决方案3】:

    我认为你可以这样做:

    在任何你喜欢的地方使用这条线,

    <a id="bookmark"></a>
    

    当你开始你的页面时,这样称呼它:

    http://mypage.com/setting.php#bookmark
    

    在没有显示锚点的情况下对我有用。

    再次检查是否在 html 中使用书签

    编辑: 检查:JavaScript - Jump to anchor

    【讨论】:

    • 问题不在于跳到锚点。它是关于滚动表格的。
    猜你喜欢
    • 1970-01-01
    • 2018-02-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-07-17
    • 1970-01-01
    • 2020-09-24
    • 2020-11-08
    相关资源
    最近更新 更多