Question

我创建了两个具有相同内容的并行div，并且并行放置

现在，我已经在右侧div捕获了滚动事件并滚动了左侧div。在Chrome和Firefox上，div同步滚动。

但是在IE11上，左侧div有一个小的延迟，我可以很容易地看到。

＆＃13;

$('#bottom').on('scroll', function () {
    $('#top').scrollTop($(this).scrollTop());
});

＆＃13;

div {
    position : absolute;
    top      : 0;
    width    : 50%;
    height   : 300px;
}

div p{
    border: 1px solid black;
}

#top {
    overflow : hidden;
    overflow-x: scroll;
    left     : 0;
}
#bottom {
    left     : 50%;
    overflow : scroll;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="top">
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>10th P Tag</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>20th P Tag</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>30th P Tag</p>
</div>
<div id="bottom">
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>10th P Tag</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>20th P Tag</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>Content Here</p>
    <p>30th P Tag</p>
</div>

＆＃13;

在http://jsfiddle.net/sanketbajoria/2uvsc9c3/

创建了一个演示

实际上，上述问题在ExtJS库中是一个更大的问题，其中锁定和正常网格以上述方式滚动。

有人可以帮我吗？我坚持了下来。

在IE11中有两个具有异步滚动问题的并行div

0 个答案: