这个问题我之前也碰到过——明明在JS里指定了behavior: "auto"，但浏览器还是固执地沿用CSS里设置的平滑滚动，确实有点头疼。不过有几个可靠的方法能解决这个问题：

方法1：临时覆盖CSS的scroll-behavior值 #

核心思路是在执行滚动前，把全局的scroll-behavior临时改成auto，滚动完成后再恢复原来的设置。这样既能保证这次滚动是立即生效的，又不会影响其他地方的平滑滚动行为：

// 先保存原来的全局滚动行为设置
const originalScrollBehavior = document.documentElement.style.scrollBehavior;

// 临时将html元素的scroll-behavior设为auto
document.documentElement.style.scrollBehavior = 'auto';

// 执行你需要的滚动操作
window.scrollTo({ top: 500, behavior: 'auto' });

// 滚动完成后恢复原来的设置（用scrollend事件更准确，避免setTimeout的时间误差）
document.documentElement.addEventListener('scrollend', () => {
  document.documentElement.style.scrollBehavior = originalScrollBehavior;
}, { once: true }); // 用once: true确保事件只触发一次

方法2：使用老式的滚动语法（无options对象） #

如果你不需要复杂的滚动配置，直接用window.scrollTo(x, y)这种传统写法，浏览器会直接执行立即滚动，完全忽略CSS里的scroll-behavior: smooth设置：

// 直接滚动到top=500的位置，立即生效
window.scrollTo(0, 500);

如果是要滚动到某个DOM元素的位置，也可以用老式的scrollIntoView参数：

const targetElement = document.getElementById('your-target-element');
// false参数表示立即滚动到元素顶部，不受全局smooth设置影响
targetElement.scrollIntoView(false);

为什么会出现这个问题？ #

按照规范，JS中指定的behavior选项优先级应该高于CSS的全局scroll-behavior设置，但部分浏览器的实现可能存在兼容性问题，导致JS的auto被全局的smooth覆盖。上面的方法都是绕过这个问题的实用方案。

内容的提问来源于stack exchange，提问作者Dominik