Javascript 幻灯片-根据位置禁用左或右按钮

我编写了一个小的幻灯片脚本，可以左右滚动

我希望得到一些建议或指导；因为我一直在寻找灵感或可能的解决方案

您如何确定您是在开始还是结束时，分别禁用左键或右键

window.addEventListener（'DOMContentLoaded'，（）=>{
let one=新幻灯片放映（“商品化”）；
})
功能幻灯片（元素）{
this.scrollContainer=document.getElementById（元素）；
this.scrollLeft=this.scrollContainer.getElementsByClassName（'left'）[0]；
this.scrollRight=this.scrollContainer.getElementsByClassName（'right'）[0]；
this.move=（金额）=>{
this.scrollContainer.scrollLeft+=金额；
}
this.scrollLeft.addEventListener（'单击'，（）=>{
这一点。移动（-225）；
})
this.scrollRight.addEventListener（'click'，（）=>{
这个。移动（225）
})
}

#营销{
溢出-x：滚动；
空白：nowrap；
}
.插槽{
高度：200px；
宽度：200px；
背景：红色；
填充物：5px；
保证金：5px；
显示：内联块；
}
.left{显示：块；位置：绝对；左：0；}
.right{显示：块；位置：绝对；右：0；}

左边
正确的
一
二
三
四
五
六
七
八
九
十

这不是滑块的完整逻辑，但我想你明白了：）

window.addEventListener（'DOMContentLoaded'，（）=>{
let one=新幻灯片放映（“商品化”）；
})
功能幻灯片（元素）{
this.scrollContainer=document.getElementById（元素）；
this.scrollLeft=this.scrollContainer.getElementsByClassName（'left'）[0]；
this.scrollRight=this.scrollContainer.getElementsByClassName（'right'）[0]；
this.move=（金额）=>{
this.scrollContainer.scrollLeft+=金额；
}
this.scrollLeft.addEventListener（'单击'，（）=>{
这一点。移动（-225）；
if（this.scrollContainer.scrollLeft==0）{
document.getElementsByClassName（'left'）[0].classList.remove（'previous'）；
}
})
this.scrollRight.addEventListener（'click'，（）=>{
这个。移动（225）
如果（this.scrollContainer.scrollLeft>0）{
document.getElementsByClassName（'left'）[0].classList.add（'previous'）；
}
})
}

#营销{
溢出-x：滚动；
空白：nowrap；
}
.插槽{
高度：200px；
宽度：200px；
背景：红色；
填充物：5px；
保证金：5px；
显示：内联块；
}
.left{显示：无；位置：绝对；左侧：0；}
.左{
显示：块；
}
.right{显示：块；位置：绝对；右：0；}

左边
正确的
一
二
三
四
五
六
七
八
九
十

这不是滑块的完整逻辑，但我想你明白了：）

window.addEventListener（'DOMContentLoaded'，（）=>{
let one=新幻灯片放映（“商品化”）；
})
功能幻灯片（元素）{
this.scrollContainer=document.getElementById（元素）；
this.scrollLeft=this.scrollContainer.getElementsByClassName（'left'）[0]；
this.scrollRight=this.scrollContainer.getElementsByClassName（'right'）[0]；
this.move=（金额）=>{
this.scrollContainer.scrollLeft+=金额；
}
this.scrollLeft.addEventListener（'单击'，（）=>{
这一点。移动（-225）；
if（this.scrollContainer.scrollLeft==0）{
document.getElementsByClassName（'left'）[0].classList.remove（'previous'）；
}
})
this.scrollRight.addEventListener（'click'，（）=>{
这个。移动（225）
如果（this.scrollContainer.scrollLeft>0）{
document.getElementsByClassName（'left'）[0].classList.add（'previous'）；
}
})
}

#营销{
溢出-x：滚动；
空白：nowrap；
}
.插槽{
高度：200px；
宽度：200px；
背景：红色；
填充物：5px；
保证金：5px；
显示：内联块；
}
.left{显示：无；位置：绝对；左侧：0；}
.左{
显示：块；
}
.right{显示：块；位置：绝对；右：0；}

左边
正确的
一
二
三
四
五
六
七
八
九
十

您需要检查右键单击功能，如（（this.scrollContainer.scrollLeft+this.scrollContainer.offsetWidth）==this.scrollContainer.scrollWidth）

我希望这段话能对你大有帮助。

window.addEventListener（'DOMContentLoaded'，（）=>{
let one=新幻灯片放映（“商品化”）；
})
功能幻灯片（元素）{
this.scrollContainer=document.getElementById（元素）；
this.scrollLeft=this.scrollContainer.getElementsByClassName（'left'）[0]；
this.scrollRight=this.scrollContainer.getElementsByClassName（'right'）[0]；
this.move=（金额）=>{
this.scrollContainer.scrollLeft+=金额；
}
this.scrollLeft.addEventListener（'单击'，（）=>{
这一点。移动（-225）；
document.getElementsByClassName（'right'）[0].classList.remove（'hide'）；
if（this.scrollContainer.scrollLeft==0）{
document.getElementsByClassName（'left'）[0].classList.remove（'previous'）；
}
})
this.scrollRight.addEventListener（'click'，（）=>{
本.动议（225）；
document.getElementsByClassName（'right'）[0].classList.remove（'hide'）；
如果（this.scrollContainer.scrollLeft>0）{
document.getElementsByClassName（'left'）[0].classList.add（'previous'）；
if（（this.scrollContainer.scrollLeft+this.scrollContainer.offsetWidth）==this.scrollContainer.scrollWidth）{
document.getElementsByClassName（'right'）[0].classList.add（'hide'）；
}
}
})
}

#营销{
溢出-x：滚动；
空白：nowrap；
}
.插槽{
高度：200px；
宽度：200px；
背景：红色；
填充物：5px；
保证金：5px；
显示：内联块；
}
.左{
显示：无；
位置：绝对位置；
左：0；
}
.左{
显示：块；
}
.对{
显示：块；
位置：绝对位置；
右：0；
}
.对，隐藏{
显示：无；
}

左边
正确的
一
二
三
四
五