Javascript 在向左或向右滚动最大值时获取JS eventListener
我有一个带箭头的幻灯片来滚动幻灯片 我想让箭头消失时,我到达滚动结束(右或左) 我知道如何使用hide函数用Javascript隐藏箭头,但是我不知道如何获得正确的事件来运行此函数 有人知道当我达到向右或向左滚动的最大值时,我可以使用什么事件来检查吗Javascript 在向左或向右滚动最大值时获取JS eventListener,javascript,html,Javascript,Html,我有一个带箭头的幻灯片来滚动幻灯片 我想让箭头消失时,我到达滚动结束(右或左) 我知道如何使用hide函数用Javascript隐藏箭头,但是我不知道如何获得正确的事件来运行此函数 有人知道当我达到向右或向左滚动的最大值时,我可以使用什么事件来检查吗 <div class="slideshow"> <div class="displayImage"> <img id="featured"
<div class="slideshow">
<div class="displayImage">
<img id="featured" src="{{ game.imageMain }}">
</div>
<div class="row slide-wrapper">
<div class="arrow" id="prev"></div>
<div id="slider">
<img class="thumbnail thumbnail-active" src="{{ game.imageMain }}">
{% for image in game.images%}
<img class="thumbnail" src="{{ image.url }} alt="{{ image.caption }}"">
{% endfor %}
</div>
<div class="arrow" id="next"></div>
</div>
</div>
{%用于游戏中的图像。图像%}
{%endfor%}
以下是JS:
let thumbnails = document.getElementsByClassName('thumbnail')
let activeimages = document.getElementsByClassName('thumbnail-active')
for (var i = 0; i < thumbnails.length; i++) {
thumbnails[i].addEventListener('mouseover', function() {
if (activeimages.length > 0) {
activeimages[0].classList.remove('thumbnail-active')
}
this.classList.add('thumbnail-active')
document.getElementById('featured').src = this.src
})
}
let prev = document.getElementById('prev')
let next = document.getElementById('next')
prev.addEventListener('click', function(){
document.getElementById('slider').scrollLeft -= 180
})
next.addEventListener('click', function(){
document.getElementById('slider').scrollLeft += 180
})
let thumbnails=document.getElementsByClassName('thumbnail'))
让activeimages=document.getElementsByClassName('thumbnail-active')
对于(变量i=0;i0){
activeimages[0]。类列表。删除('thumbnail-active')
}
this.classList.add('thumbnail-active')
document.getElementById('featured').src=this.src
})
}
让prev=document.getElementById('prev')
let next=document.getElementById('next')
prev.addEventListener('单击',函数()){
document.getElementById('slider')。scrollLeft-=180
})
next.addEventListener('click',function()){
document.getElementById('slider')。scrollLeft+=180
})
问候我试着再回来看看是否有人能帮忙