スクロールバーに従うイメージ

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

ご協力いただきありがとうございます。

1
明確にするために、矢印がスクロールバー内の位置バーを指し示すようにします。
追加された 著者 K R,

2 答え

ブラウザーがスクロールバーを表示する方法についての情報(スクロールバーがある場合)、またはスクロールバーがWebページにどのようにレンダリングされるか

しかし、あなたは数学で推測のまともな仕事をすることができます。

ドキュメントのスクロール位置/ドキュメントの高さ/表示ポートの高さを取ると、画面上部からスクロールバーがどこにあるのかを大まかに知ることができます。

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

これを実現するには、特定のJavaScriptコマンドについてgoogleする必要がありますが、コンセプト上、かなり近づくはずです。


より正確にするには、スクロールバーのサイズは通常(表示ポートの高さ/ドキュメントの高さ)*表示ポートの高さになります。矢印の動きの範囲からこの値を減算し、この値の半分を矢印の top ピクセル値に加算すると、通常はスクロールバーの中央を指すはずです。

0
追加された

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

0
追加された
それは全く意味がありません。なぜなら、あなたはその位置をcerteinポイントに固定し、スクロールバーのスクロール位置にその位置を持たないからです
追加された 著者 Sven Bieder,
彼は矢印がスクロールバーを指し示す必要があり、スクロールバーの中のバーは指さないと言いました!彼が聞いたことに私は答えます!
追加された 著者 zambotn,
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript