表格内部锚点跳转不能靠scroll-behavior: smooth直接生效，因为table默认不是滚动容器，需为其父容器设置max-height和overflow-y: auto并在此容器上启用scroll-behavior。

表格内部锚点跳转不能靠 scroll-behavior: smooth 直接生效——它只作用于滚动容器，而普通 <table> 不是可滚动容器，除非你显式给它加了 <code>overflow: auto 且内容溢出。

为什么 table 上设 scroll-behavior 没反应

scroll-behavior 必须写在实际发生滚动的元素上，不是写在哪就管哪。默认 <table> 是静态块级元素，不产生滚动，浏览器根本不会把它当滚动上下文。即使你写了 <code>table { scroll-behavior: smooth; }，只要它没变成滚动容器（比如没设 max-height + overflow-y: auto），这个声明就完全被忽略。

• 检查 computed 样式：选中 <table> 元素，在 DevTools 的 Computed 面板搜 <code>scroll-behavior，如果显示 auto 或为空，说明没生效
• 常见误操作：把 scroll-behavior: smooth 写在 html 或 body 上，指望它“穿透”到表格内部——不行，它只管根滚动或你明确指定的滚动容器
• 表格里用 <a href="#row-3"></a> 跳转，目标 <tr id="row-3"> 即使存在，也会瞬移，因为跳转发生在整个页面级，不是表格局部 <h3>让表格支持平滑内部跳转的正确做法</h3> <p>必须把表格本身变成独立滚动容器，并在其上启用 <code>scroll-behavior。
  • 给 <table> 或其父容器（如 <code><div class="table-container">）设置固定高度和溢出：<code>max-height: 400px; overflow-y: auto;
  • 在这个滚动容器上直接写：.table-container { scroll-behavior: smooth; }（注意不是 table 标签本身）
  • 锚点目标必须是该容器内的元素，且处于文档流中：<tr id="row-5"> 可以，但 <code><tr style="display: none"> 或 <code><tr style="position: absolute"> 会失效 <li>如果目标行有 <code>border-collapse: collapse 或 padding，滚动终点可能偏移，用 #row-5 { scroll-margin-top: 12px; } 微调

  移动端 Safari 和旧浏览器的 fallback 方案

  iOS Safari ≤15.4 不支持 scroll-behavior，且部分安卓 WebView 对表格内滚动容器的支持也不稳定，得用 JS 补位。

  
  使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
  如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Andr​​oid友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Andr​​oid应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
  下载
  • 监听点击事件拦截原生跳转：e.preventDefault();，然后调用 el.scrollIntoView({ behavior: 'smooth', block: 'center' })
  • 别用 window.scrollTo() 手动算 offsetTop——表格行高受 line-height、border、cellspacing 影响，计算极易出错
  • 确保目标元素已渲染：动态生成的表格行，需等 requestAnimationFrame 或 MutationObserver 确认 DOM 插入后再滚动
  • 避免连点触发多次滚动：加简单节流，比如用 setTimeout 锁住 300ms 内只执行一次

  真正关键的是先确认滚动容器是谁，再把 scroll-behavior 贴上去；表格不是天然滚动体，不显式造一个，CSS 就没地方发力。