javascript - 在 JS 中滚动到 View

标签 javascript html css html-table

我有一个 HTML 代码,有一个大表。我需要滚动才能访问所有行。

我将thead制作为粘性标签。因为我到处都需要这个标签。 (位置:粘性;顶部:0;)

但是,当我想在 JavaScript 中使用 firstCell.scrollIntoView(); 时,firstCell 将被 thead 覆盖!

您可以在 this link 中看到示例

在此示例中,目标是表中的第一个单元格,通过单击按钮,它必须滚动到目标<的 View 中

但是目标将位于头部的背面

如何解决这个问题?

最佳答案

由于 thead 具有粘性位置,因此在计算可用空间时不会考虑其大小。

解决方法是使用 scrollIntoView({behavior: 'smooth', block: 'end' }) 代替 scrollIntoView()

这只有效,因为thead的高度等于tr的高度,所以如果它将滚动条与底部对齐,它就不再被覆盖。

关于javascript - 在 JS 中滚动到 View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71093516/

相关文章:

html - 为什么内联 div 的行为与内联 span 不同

ipad - 使网站适用于 IE8 (html5/css3)

javascript - Chrome 开发工具。我正在尝试从逐步调试中排除扩展 js 文件。但是设置中的 "Blackbox content script"不起作用

javascript - 如何使用 Javascript 或 jQuery 解析 xml webservice 响应

jquery - 如何在 anchor 上添加类和删除类 Click

javascript - IE长链接错断

javascript - 用javascript模拟左右方向键事件

html - 我需要在我的媒体查询中添加什么才能让我的网站在移动设备上占据 100% 的视口(viewport)?

javascript - 在 TypeScript 中扩展基本类型,错误 : "_this is not defined..."

javascript - Vaadin 14 Springboot javascript 不工作