应使用setTimeout延迟160ms待下拉收起完成后再滚动，通过getBoundingClientRect().top+pageYOffset动态计算目标位置并减去header高度，传入{behavior:'smooth',block:'start'}实现平滑定位。
select 选中后怎么触发页面平滑滚动
不能靠 form.on('select()') 直接调用 window.scrollTo() 就完事——因为下拉收起和滚动动作不同步，用户会看到“先收起、再跳”，体验卡顿。必须等下拉面板完全关闭、DOM 稳定后再滚动，且要启用原生平滑行为。
为什么直接 scrollTo 不生效或跳得突兀
常见错误是这样写：
form.on('select(city)', function(data) {
window.scrollTo({ top: 500 });
});
问题有三个：
-
form.on触发时，下拉dl还在 DOM 中，动画未结束，此时滚动会和收起动作打架 - 没加
behavior: 'smooth'，浏览器默认是瞬间跳转 - 滚动目标位置写死（如
top: 500），实际可能被固定头部遮挡，需动态计算偏移
正确做法：用 setTimeout + getBoundingClientRect 精准定位
关键是在事件回调里延迟执行，并确保滚动目标元素存在、位置可读：
- 用
setTimeout延迟 160ms（略长于 layui 下拉收起动画时长） - 目标元素用
document.getElementById('target-section')或$('[name="target"]')明确获取 - 用
el.getBoundingClientRect().top + window.pageYOffset计算真实滚动位置，避开 header 遮挡 - 必须传
{ behavior: 'smooth', block: 'start' }，否则不是平滑效果
示例：
form.on('select(city)', function(data) {
setTimeout(() => {
const target = document.getElementById('result-area');
if (target) {
const top = target.getBoundingClientRect().top + window.pageYOffset - 80; // 减去 header 高度
window.scrollTo({ top, behavior: 'smooth' });
}
}, 160);
});
容易忽略的兼容点和副作用
平滑滚动在旧版 Safari（behavior: 'smooth' 会被静默忽略，回退为瞬时跳转——这本身没问题，但如果你依赖滚动完成后的回调（比如触发动画），就得改用 scrollIntoView 或第三方库。
另一个坑是：如果目标元素在 display: none 区域或尚未渲染（比如 tab 切换后的内容），getBoundingClientRect() 会返回 { top: 0 }，导致滚错位置。务必确认目标已挂载且可见。
