我试图让一个按钮在单击时将页面向下滚动到一个特定的元素。 我刚刚开始我的编码之旅,所以我认为这应该是一个简单的解决方案,但我似乎找不到一个解决方案。
代码如下:
let scrollDown = () => {
let textContainer = document.getElementsByClassName("text-container");
textContainer.scrollIntoView();
};
let scrollButton = document.getElementById("scrollBtn");
scrollButton.addEventListener("click", event => {
scrollDown();
});
GetElementsByClassName
返回数组(get elementS为复数),而GetElementById
返回最大值为一个元素。
如果您100%确定该类中只有一个元素,则可以直接使用:
let textContainer = document.getElementsByClassName("text-container")[0];