Tab切换滚动条跳回顶部的本质是DOM重渲染导致scrollTop丢失，解决方案是用dataset存取各Tab内容区滚动位置，并确保在元素可见后恢复，同时注意滚动容器选择与时机控制。
Tab切换时滚动条跳回顶部，本质是DOM重渲染导致状态丢失
tab切换本身不触发滚动重置，真正的问题在于：你用的tab方案（比如layui的tab模块或手写切换逻辑）在切换时，很可能销毁并重建了目标容器的dom——尤其是当内容区是通过v-show以外的方式控制显隐（如v-if、display: none配合innerhtml重写、或直接remove()再append()）。一旦dom被销毁，scrolltop自然归零，浏览器不会保留它。
用data-scroll-top存每个Tab的滚动位置最稳妥
别依赖全局变量或闭包，容易在多Tab、异步操作下错乱。直接把滚动偏移记在对应内容容器上：
- 切换前，读取当前激活Tab的内容区
scrollTop，写入其dataset.scrollTop：const activeTabContent = document.querySelector('.tab-content.active'); if (activeTabContent) { activeTabContent.dataset.scrollTop = activeTabContent.scrollTop + ''; } - 切换后，目标Tab内容区显示出来时，立刻恢复：
const targetContent = document.querySelector(`.tab-content[data-tab-id="${newTabId}"]`); if (targetContent && targetContent.dataset.scrollTop) { targetContent.scrollTop = parseInt(targetContent.dataset.scrollTop, 10); } - 注意：必须等元素已插入文档流且可见（
offsetParent !== null或getBoundingClientRect().height > 0）再设scrollTop，否则无效；可加requestAnimationFrame兜底
遇到固定高度容器（如Layui表格嵌在Tab里），要抓对滚动元素
不是所有滚动都发生在内容区根节点上。例如Layui表格设了height，实际滚动的是.layui-table-box或.layui-table-body，而不是外层.tab-content：
- 先确认滚动容器：
layui.$('.tab-content.active .layui-table-box').length > 0？有则优先存/取它的scrollTop - 若启用固定列，右侧
.layui-table-fixed-r可能有独立滚动，需单独捕获：layui.$('.layui-table-fixed-r').scrollTop() - 没设
height的Layui表格，滚动发生在body或父容器，此时scrollTop要从document.documentElement或document.body读，但这种情况Tab切换通常不跳，可暂不处理
高频切换或快速来回切Tab时，scrollTop会被覆盖或失效
连续点击Tab按钮，可能在上一次恢复还没执行完时就触发下一次保存，导致位置错乱：
- 加个节流标记：
let isSettingScroll = false;，设scrollTop前检查，设完清空 - 用
setTimeout(fn, 0)或requestAnimationFrame延迟恢复，确保渲染完成 - 移动端缩放后
scrollTop可能是小数，存取时统一用Math.round()，避免浮点误差导致跳动 - IE11下
scrollTop读写有延迟，必须在done回调里补一次requestAnimationFrame再设值
滚动位置本身不难存，难的是判断该从哪个元素读、往哪个元素写，以及DOM替换和渲染完成之间的时机差。Layui没暴露滚动钩子，只能靠你卡准点。
