3

私が解決しようとしている問題はここで見ることができます:http: //jsfiddle.net/AAyLj/14/

基本的に、パパdivをスクロールすると、男の子divが上下に移動することになっています。これは正常に機能していますが、男の子のdivに少しジッターがあります。これは、(私が思うに)jsが十分に速く処理されていないためです。強力なMacでは、これは起こりませんが、PCでは起こります。

jsまたはcssでこのジッターを克服する方法はありますか?ありがとう。

アップデート:

ページ上に他の要素(jsfiddleには表示されていません)があり、男の子のdivをposition:fixedのままにすると、外観が歪むため、固定位置を使用できません。

4

2 に答える 2

0

karthikrが言っているように、おそらくCSSを使用する必要がありますposition: fixed。それが希望しない場合は、関数を使用できますanimate。それはそれに素敵な小さな遅延を与えます。

私が何を意味するかについては、jsFiddleを参照してください。

于 2012-09-05T21:59:25.663 に答える
0

この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;
}
​
于 2012-09-05T22:29:21.897 に答える