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"与{{1}}的滚动条的移动方向。

使用jquery或javascript

Answer 1

你在找这样的东西吗？

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

jsFiddle示例here。

Answer 2

我想你想要的是什么。

<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 style="width: 550px; position: absolute;" id="div2"></div>

</div>

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

2 个答案: