调用window.scrollTo触发Uncaught TypeError错误，求解决方法

你的问题核心是函数名冲突：自定义的scroll函数和浏览器内置的window.scroll方法重名了，点击按钮时实际调用的是原生scroll方法，而原生方法不接受字符串参数，因此抛出类型错误。

另外还有两个潜在问题需要一并修复：

• 代码中用到的getPosition函数未定义，会触发另一个报错
• HTML元素的style属性用逗号分隔样式，不符合CSS语法规范，样式无法正常生效

修复后的完整代码 #

JavaScript #

// 重命名函数避免与原生方法冲突
function scrollToElement(ID) {
  var item = document.getElementById(ID);
  if (!item) return; // 防止找不到元素时后续代码报错
  var pos = getPosition(item);
  window.scrollTo({
    left: pos.left, 
    top: pos.top, 
    behavior: "smooth"
  });
}

// 补充获取元素文档坐标的函数
function getPosition(element) {
  var rect = element.getBoundingClientRect();
  return {
    left: rect.left + window.scrollX,
    top: rect.top + window.scrollY
  };
}

HTML #

<button onclick="scrollToElement('a')">Scroll</button>

<div id="header" style="height: 200px; background-color: green;">
</div>
<div id="a" style="height: 200px; background-color: red;">
</div>

关键修复说明 #

1. 函数重命名：将scroll改为scrollToElement，彻底规避与原生方法的命名冲突
2. 补充getPosition函数：通过getBoundingClientRect()获取元素视口位置，叠加滚动偏移量得到文档级坐标，确保滚动目标位置准确
3. 修正style语法：把样式中的逗号改为分号，保证CSS样式正常渲染
4. 增加元素存在性判断：避免因ID错误找不到元素时，后续代码抛出额外异常

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