Bootstrap Modal 默认不自动滚动页面到锚点，需手动监听 shown.bs.modal 事件并调用 scrollIntoView；避免使用 smooth 滚动、慎用 margin-top/top 定位，移动端应配合 scroll-margin-top 和 getBoundingClientRect() 处理。
Modal 打开时不自动滚动到锚点，这是设计行为
bootstrap modal 默认不会主动滚动页面去对齐某个锚点位置——它只控制自身显示/隐藏，不干预 document 的 scroll。如果你点了按钮后 modal 弹出、但页面没滚到目标区域（比如顶部导航遮挡了 modal 头部），那不是 modal 本身的问题，而是触发点和视口关系没处理好。
想让 Modal 显示时页面滚动到某元素？用 scrollIntoView 配合事件监听
常见场景是：用户点击一个表格行末的「编辑」按钮，Modal 弹出，你希望页面自动滚到该行附近，避免 Modal 被截断或遮挡。这不是 Modal 的职责，得你自己加逻辑：
- 监听
shown.bs.modal事件（确保 Modal 已渲染完成、尺寸可读） - 找到你要对齐的锚点元素（比如触发按钮的父
<tr> 或某个 <code>id） - 调用
element.scrollIntoView({ block: 'center' })，别用behavior: 'smooth'——它可能和 Modal 动画冲突导致抖动
示例：
$('#myModal').on('shown.bs.modal', function () {
const target = document.getElementById('row-123');
if (target) {
target.scrollIntoView({ block: 'center' });
}
});
Modal 自身位置偏移 ≠ 页面滚动，别混淆两者
有人误以为给 .modal-dialog 加 margin-top 或 top 就能“定位到锚点”，这是错的：
-
margin-top: 100px只是把 Modal 往下推，不影响页面滚动，锚点还在原处 -
top: 100px会让 Modal 脱离 flex 居中逻辑，.modal的overflow: hidden可能切掉顶部内容 - 如果 Modal 内容很长，又没设
.modal-dialog的max-height和overflow-y: auto，滚动的是 Modal 内部，不是页面
移动端 Safari 下滚动 + Modal 组合要特别小心
地址栏收起/展开会改变 vh，而 scrollIntoView 在 Safari 中可能触发两次（一次进、一次出），导致 Modal 闪一下或错位：
- 避免在
show.bs.modal阶段执行滚动，等shown.bs.modal再做 - 不要依赖
window.innerHeight计算偏移量，改用element.getBoundingClientRect() - 如果锚点在 sticky 导航下方，加一点
scroll-margin-top：比如#row-123 { scroll-margin-top: 80px; }，比 JS 手动算更稳
真正难的不是让 Modal 出现，而是让它出现时，用户眼睛不用再手动拖滚动条——这个细节，多数人调试到第三遍才意识到是 scroll-margin 没设。
