我是新来的。我需要控制图像的滚动,直到右侧图像的滚动结束,添加类isLocked以在右侧的横幅滚动时停止滚动左侧的图像,并在右侧的图像滚动结束时添加类isAtBottom。谢谢!!
JsFiddle:https://jsfiddle.net/silvio7d/avgdcLq6/63/
JS
document.addEventListener('scroll', function(){
var element = document.getElementById('main-feature');
if (element.scrollHeight + element.scrollTop == element.scrollHeight){
element.classList.add('isLocked');
element.classList.remove('isAtBottom');
} else {
element.classList.add('isAtBottom');
element.classList.remove('isLocked');
}
});
CSS
.main-banner.isLocked {
position: fixed;
}
.main-banner.isAtBottom {
top: auto;
bottom: 0;
position: absolute;
}
https://stackoverflow.com/questions/53636235
复制相似问题