0

私の Web サイトでは、ほとんどの場合、サイド バーのコンテンツはメイン コンテンツよりも短くなっています。

ページが完全にスクロールされたときに、その要素の上部がページの上部に、下部がページの下部に揃うように、その要素のスクロール レートのみを「下げ」たいと思います。

Firefox で動作するように動作していますが、Chrome と IE では、マウスホイールを使用してスクロールすると、この厄介なジャンプが表示されます。

スクリプトを最適化するためにいくつかの変数キャッシュを実行しましたが、役に立ちませんでした (またはほとんど役に立ちませんでした)。

ここでそれを見ることができます：

http://www.pastottawa.com/lastest/

ありがとう、

4

1 に答える 1

1

あなたの問題は、CSS 機能を他の CSS 機能で複製しようとしていることです。#rightSideBarビューポートに表示するページの上部からの距離に基づいて、相対的に配置して上部の値を値に設定する代わりに、次のようにする必要があります。

#rightSideBar {
    位置:固定;
    右: 20px;
    top: /* Javascript でこの値を設定します */
}

CSS のこの機能は、要素の位置を指定したビューポートに固定するため、ユーザーのブラウザーのビューポートの上部から要素を表示する距離を設定するだけで済みます。これは、ページの上部からの値ではなく、サイズ、位置、またはコンテンツに関係なく、ウィンドウの上部からのピクセル数です。

于 2013-08-18T12:38:15.167 に答える