为什么控制台告诉我“ textContainer.scrollIntoView不是函数”?

时间:2020-07-25 14:49:06

标签: javascript scroll js-scrollintoview

我试图单击按钮时将页面向下滚动到特定元素。我刚刚开始编码之旅,所以我认为这应该是一个简单的解决方法,但是我似乎找不到解决方法。

这是代码:

let scrollDown = () => {
  let textContainer = document.getElementsByClassName("text-container");
  textContainer.scrollIntoView();
};

let scrollButton = document.getElementById("scrollBtn");
scrollButton.addEventListener("click", event => {
  scrollDown();
});

1 个答案:

答案 0 :(得分:-1)

getElementsByClassName返回一个数组(get elementS为复数),而getElementById返回一个元素最大值。

如果您100%确定该类只有一个元素,则可以直接使用:

let textContainer = document.getElementsByClassName("text-container")[0];