2012-02-06 6 views
1

どこから始めたらよいかわかりません。私は、ブラウザのスクロールバーに沿ってWebページを表示するか、Webページのページの下部に表示するイメージを持つための最良の方法を探しています。たとえば、ウェブページの途中をスクロールした場合、画像(矢印)がスクロールバーを指します。あなたがページを横切ってまたは横切って進むと、画像も同様に移動します。私は、マウスでスクロールホイールを使用している可能性を考慮していないので、カーソルに続くイメージを持つスクリプトは探していません。この場合、カーソルはページが移動しても動かない。画像はスクロールバーに従います

ありがとうございました。

+0

わかりやすくするために、矢印がスクロールバー内にある位置バーをポイントするようにします。 –

答えて

0

position: fixed cssを使用すると、要素はブラウザウィンドウに対して配置されます。

+0

これは絶対に意味がありません。スティルバーのスクロール位置に位置を固定し、スティルバーの位置に固定しているからです。 –

+0

スクロールバー内のバーではなく、スクロールバーをポイントする必要があります。彼が聞いたことに私は答えます! – zambotn

0

ブラウザがスクロールバーを表示する方法についての情報(ウィンドウのどちら側に表示されているか、またはレンダリングされている方法)は、Webページへのを利用できません。

しかし、いくつかの数学で推測のまともな仕事をすることができます。

これは、画面の上部からスクロールバーがどこにあるのかを大まかに表したものです。

HTML要素position: fixed;を作成し、上記の計算に一致するようにtop: 123pxを設定します。 Scrollイベントでこれをリフレッシュしてください。

これを実現するには、特定のJavaScriptコマンドについてGoogleに問い合わせる必要がありますが、概念的にはかなり近づくはずです。


あなたがより正確になりたい場合は、スクロールバーのサイズが通常(display port height/document height) * display port heightあることを行っていることに留意してください。矢印の動きの範囲からこの値を減算し、この値の半分を矢のピクセル値のtopピクセル値に加算すると、通常はスクロールバーの中央を指すはずです。

関連する問題