bootstrap tooltip 偏移源于定位上下文丢失：默认 container: 'body' 使其脱离滚动容器，无法响应 scrolltop；应将 container 设为触发元素的可滚动祖先，并禁用 auto placement 防跳变。
为什么 Bootstrap Tooltip 会偏移？根源在定位上下文丢失
Bootstrap Tooltip 默认把提示框插入到 container: 'body'，意味着它脱离原始触发元素的 DOM 层级，变成相对于 定位。一旦触发元素位于滚动容器（如 overflow-y: auto 的 <div>）内部，Tooltip 就无法感知父容器的 <code>scrollTop，导致计算出的 top 值固定不变——滚动后必然错位。
这不是 JS 计算不准，而是定位锚点错了：它本该“贴着按钮底部”，却去“贴着页面顶部”了。
- 检查触发元素祖先链是否含
position: relative/absolute/fixed/sticky—— 若有，Tooltip 可能意外以它为参考，而非视觉父级 - 用浏览器开发者工具选中 Tooltip 元素，看 computed
position和offsetParent是谁 -
container: 'body'是默认行为，但也是多数偏移问题的起点
用 container 指向最近的滚动容器
把 Tooltip 挂载到滚动容器内部，让它和触发元素共享同一滚动上下文，是治本之法。不是改 JS 计算，而是改 DOM 归属。
例如触发元素在 <div class="scrollable-list"> 内：
<pre class="brush:php;toolbar:false;">$('.trigger').tooltip({
container: '.scrollable-list', // ✅ 不再是 'body'
placement: 'top',
boundary: 'window' // 防止溢出视口
});</pre>
<ul>
<li>
<code>container 必须是触发元素的**可滚动祖先**，且该祖先不能有 overflow: hidden（否则 Tooltip 被裁剪）
container: function() { return $(this).closest('.scrollable'); }
boundary: 'window' 强制限制在视口内，避免 Tooltip 跑到屏幕外避免 placement 自动切换引发跳变
Bootstrap 默认开启 auto placement，当空间不足时自动从 top 切到 bottom，造成视觉跳动。这不是 bug，是设计，但常被误认为“偏移”。
- 明确指定
placement: 'top'或'right'，禁用自动切换 - 若必须用 auto，加
fallbackPlacement: ['top', 'bottom']限定备选方向，减少不可控切换 -
boundary设为'window'后，fallbackPlacement才真正生效；设为'viewport'或其他值可能失效
模态框（Modal）内 Tooltip 错位的特殊处理
Modal 自带 overflow: hidden 和独立 stacking context，Tooltip 插入 body 后会被 z-index 截断或位置计算失真。
- 强制 Tooltip 挂载到 Modal body 内：
container: '.modal-body'或container: function() { return $(this).closest('.modal'); } - 确保 Modal 的
z-index高于 Tooltip 默认值（Bootstrap 4 是 1070，Tooltip 是 1060），否则 Tooltip 被遮挡 - 不要依赖
data-container="body"的 HTML 属性写法——它不支持函数式 container，JS 初始化才支持
最易被忽略的是：container 改变后，Tooltip 的 CSS 样式作用域可能受限。比如自定义 .tooltip-inner 若只写在全局样式里，挂载到局部容器后仍生效；但若用 scoped CSS 或 Shadow DOM，则需确保样式透传。
