不能，scroll-snap-stop 无法作用于 <tr> 元素，因其仅适用于滚动容器的直系子元素，而 <tr> 的父级 <tbody> 默认不产生滚动上下文，且需显式设为 display: block 等才能启用 scroll snap。
scroll-snap-stop 能用在 <tr> 上吗？不能，别试了
直接说结论：scroll-snap-stop 是 CSS Scroll Snap 规范中作用于「滚动容器内直系子元素」的属性，而 <tr> 在标准 HTML 表格中**不是滚动容器的子元素**——<tbody> 或 <table> 才是它的父级，但它们又默认不产生滚动上下文。浏览器会忽略对 <tr> 设置的 scroll-snap-stop，控制台也不会报错，只是完全无效。
真正起作用的滚动容器必须是 <tbody> 且显式设为可滚动
要让行停顿生效，得把滚动行为“转移”到 <tbody> 上，并确保它成为 scroll snap 容器：
-
<tbody>必须设置display: block（否则保持默认table-row-group，无法触发 scroll snap） -
<tbody>需设固定高度 +overflow-y: auto -
<tbody>加scroll-snap-type: y mandatory - 每个
<tr>要设scroll-snap-align: start，且必须是<tbody>的**直接子元素**（不能套<div>或其他 wrapper）
示例关键 CSS：
<style>
tbody {
display: block;
height: 300px;
overflow-y: auto;
scroll-snap-type: y mandatory;
}
tr {
scroll-snap-align: start;
/* 确保每行高度一致，否则停不准 */
height: 48px;
}
</style>为什么滚动会“跳过”某些行或停不准？
常见原因不是代码写错，而是表格渲染机制干扰了 scroll snap：
立即学习“前端免费学习笔记（深入）”；
-
<tr>高度由内容撑开时，scroll-snap-align: start对齐的是行框顶部，但实际滚动位置受 border/padding/margin 影响，建议统一用box-sizing: border-box+ 显式height - 如果用了
<colgroup>或table-layout: fixed，可能改变行渲染尺寸，导致 snap 位置偏移 - Firefox 对
scroll-snap-stop: always支持更严格，但<tr>不支持该值；Chrome/Safari 只认scroll-snap-align，scroll-snap-stop在<tr>上根本无效，别浪费时间配它
替代方案：不用 scroll-snap 也能实现行停顿
如果兼容性或表格结构不允许改 tbody 的 display，更稳妥的做法是绕过原生 scroll snap：
- 监听
scroll事件，用getBoundingClientRect()计算当前可视区首行索引，再调用scrollTo({ behavior: 'smooth', top: targetRow.offsetTop }) - 给每行加
id，配合<a href="#row-3">锚点跳转（简单但无动画） - 用
IntersectionObserver监听首/尾行是否进入视口，触发修正滚动位置
这些方式可控性强，不依赖 <tbody> 的 display hack，也避开 scroll-snap-stop 在表格里的语义失效问题。
真正麻烦的不是怎么写 CSS，而是得接受：HTML 表格的渲染模型和 scroll snap 的设计初衷天生不匹配。硬套只会卡在“看起来写了，其实没用”上。
