停止图像的滚动
停止图像的滚动
提问于 2018-12-06 00:02:41
我是新来的。我需要控制图像的滚动，直到右侧图像的滚动结束，添加类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;
}回答 1
Stack Overflow用户
发布于 2018-12-07 07:53:56
只要你只支持modern browsers，就可以在position: sticky中使用CSS来实现这种行为。
.main-banner {
position: -webkit-sticky;
position: sticky;
top: 0
}请参阅此example。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53636235
复制相关文章
相似问题