modal打开后页面不自动滚动到目标区域，是因为bootstrap modal本身不干预页面滚动，需手动在shown.bs.modal事件中调用scrollintoview定位锚点，且须确保目标元素存在、非隐藏，并优先使用scroll-margin-top应对sticky导航和safari兼容问题。
为什么Modal打开后页面不自动滚动到目标区域
Bootstrap Modal本身不干预页面滚动，它只控制自身显隐。点击按钮后Modal弹出但页面没动，不是Bug，是设计如此——滚动行为需手动触发。常见误解是给.modal-dialog加margin-top或top，这只会偏移Modal位置，不会让页面滚到锚点。
用shown.bs.modal + scrollIntoView定位锚点
必须等Modal完全渲染完成再滚动，否则getBoundingClientRect()可能取到错误坐标。关键点：不用show.bs.modal（太早），也不用setTimeout（不可靠）。
-
shown.bs.modal事件确保DOM已挂载、尺寸可读、可见且可交互 - 目标元素必须存在且非
display: none或visibility: hidden - 推荐用
{ block: 'center' }而非{ behavior: 'smooth' }，避免和Modal动画冲突导致抖动 - 移动端Safari下，优先用
scroll-margin-top代替JS计算偏移量，比如#target { scroll-margin-top: 80px; }
示例：
$('#myModal').on('shown.bs.modal', function() {
const target = document.getElementById('section-2');
if (target) target.scrollIntoView({ block: 'center' });
});
iOS Safari下滚动错位或闪一下怎么办
地址栏收起/展开会动态改变vh，而scrollIntoView在Safari中可能被触发两次。这不是代码写错，而是浏览器行为。
- 绝对不要在
show.bs.modal里调scrollIntoView，时机太早 - 避免依赖
window.innerHeight算偏移，改用target.getBoundingClientRect().top - 如果锚点在
position: sticky导航下方，CSS加scroll-margin-top比JS更稳 - 测试时务必真机验证，模拟器无法复现Safari的滚动触发机制
动态加载内容时锚点找不到
Modal内容通过AJAX加载，shown.bs.modal触发时目标元素可能还没插入DOM。这时document.getElementById返回null，滚动自然失效。
- 若内容异步加载，把
scrollIntoView移到内容加载完成回调里，而不是Modal事件里 - 不要假设
shown.bs.modal= “所有子内容都ready”，它只保证Modal容器就绪 - 可用
MutationObserver监听目标元素出现，或在AJAX success回调中直接调用scrollIntoView
最常被忽略的细节：你以为滚动逻辑写对了，结果上线后安卓正常、iOS偏移100px——问题往往不在JS，而在scroll-margin-top没设，或sticky导航高度没预留。
