Question

我想解决的问题可以在这里看到： http://jsfiddle.net/AAyLj/14/

基本上，当我滚动爸爸div时，男孩div应该向上/向下移动。这工作正常，但男孩div上有一点抖动。这是因为（我认为）js的处理速度不够快。在功能强大的Mac上，这种情况不会发生 - 但它会发生在PC上。

有没有办法用js或css克服这种抖动？感谢。

更新：

我不能使用固定位置，因为页面上还有其他元素（未显示在jsfiddle中），如果我将男孩div保持为position：fixed，则会偏斜外观。

Answer 1

正如karthikr所说，你应该使用CSS position: fixed。如果这不是您想要的，您可以使用animate功能。它给它带来了很小的延迟。

请参阅jsFiddle了解我的意思。

Answer 2

让我们试试这个css，不需要js。 http://jsfiddle.net/AAyLj/27/

.papa {
    min-height: 500px;
    height: 500px;
    background-color: yellow;
    position: relative;
    top: 200px;    
    overflow: scroll;
    width: 100%;
    padding-top:10px;
}
.boy {
    height: 200px;
    min-height: 200px;
    background-color: gray;
    position: fixed;
    margin-top: 200px;    
    width: 70%;
    float:left;
}

.girl {
    height: 800px;
    min-height: 800px;
    background-color: red;
    position: relative;
    width: 30%;
    float: right;
}

进行div滚动会导致抖动

2 个答案: