javascript - 相对于具有水平滚动的另一个 div 移动一个 div

Question

<div style="overflow: hidden; position: relative;height: 80px;overflow-x:auto;overflow-y:hidden;width:550px;" id="div1">
    <div style="width: 1650px; display: block;">
    </div>
</div>

<div style="width: 550px; position: absolute;" id="div2">
</div>

我想移动 div与 id="div2"以与div的滚动条移动方向相反的相对方式与 id="div1" .

使用 jquery 或 javascript

Answer 1

你在找这样的东西吗？

$('#div1').scroll(function() {
    $('#div2').css('left', $(this).scrollLeft() * -1);
});

jsFiddle 示例 here .