容器内的JavaScript水平滚动无法正常工作

容器内的JavaScript水平滚动无法正常工作,javascript,css,scroll,Javascript,Css,Scroll,我正在使用Vanilla JS创建一个slider npm包,比如slick.JS。当我想在容器内水平滚动时,我遇到了这个特殊的问题。我可以在第一次单击时向右滚动,但当我单击我的按钮滚动多次时,它将自动滚动到容器内的最后一个div。我只想用vanilla js来构建这个滑块 我的容器中有4个div,它们是占据整个宽度的背景图像。单击左或右按钮时,我想滚动到容器内的下一个div const-button=document.getElementById('click'); const right=

我正在使用Vanilla JS创建一个slider npm包,比如slick.JS。当我想在容器内水平滚动时,我遇到了这个特殊的问题。我可以在第一次单击时向右滚动,但当我单击我的按钮滚动多次时,它将自动滚动到容器内的最后一个div。我只想用vanilla js来构建这个滑块

我的容器中有4个div,它们是占据整个宽度的背景图像。单击左或右按钮时,我想滚动到容器内的下一个div

const-button=document.getElementById('click');
const right=document.getElementById('right');
按钮。addEventListener('单击',()=>{
container.scrollLeft+='1133';
});

左边
presentation.start('presentation')

是否可以在您的代码示例中包含
表示
对象(特别是
.start
方法),这样代码片段将运行,并且我们可以看到您看到的相同行为?是的,我刚刚添加了它代码片段仍然没有运行。没关系,应该有人能提供答案。(顺便说一句,这个公共领域的香草JS旋转木马存在,以防有用:)