javascript - js滚动条之间联动

问题描述

问 题

<style>
.scrollcontainer,.demo{
    height: 842px;
    width: 300px;
    position: absolute;
    overflow-y:auto;
    background-color: red; 
}
.scrollbasis,.demobasis{
    height: 1001px;
    width: 3px;
}
.demo{
    left: 500px;
}
</style>
<div class="scrollcontainer">
    <div class="scrollbasis"></div>
</div>
<div class="demo">
    <div class="demobasis"></div>
</div>
<script>
$(".demo").scroll(function(){
        var domsctop=$(".demo").scrollTop();
    $(".scrollcontainer").scrollTop(domsctop);
});
$(".scrollcontainer").scroll(function(){
    var scdomsctop=$(".scrollcontainer").scrollTop();
    $(".demo").scrollTop(scdomsctop);
});
</script>

---

如上，为了实现两个div的滚动条联动，但是如果这么写会出现死循环。求大神给个解决方案。

解决方案

给你提供一个想法。就是当，你触发的时候，做一个标记，等这个标记解除之后100秒，触发标记的这个滚动条，才会继续监听动作

这篇关于javascript - js滚动条之间联动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！