背景と紹介

コンピュータや携帯電話で現代のWebサイトを閲覧している場合、Webサイトを上下にスクロールすると、画面全体がスクロール方向に移動しているように見えることがあります。これがバックグラウンドでの効果である場合、スクロールするとフォアグラウンドの情報も変化します。この効果は、パララックススクロールとして簡単に説明できます。

スクロール

スクロールしてその意味を理解しましょう。Webページを表示しているときに、Webページを任意の方向(上、下、左、右)に閲覧するアクションは、スクロールと呼ばれます。

通常、デスクトップコンピュータのユーザーの場合、このアクションはマウスのスクロールホイールを使用して実行されます。

歴史

スクロールという言葉を見てみましょう。昔は、遠くにいる人にメッセージを送るために、手書きの巻物が使われていました。これらの巻物は以下のように見えました-

巻物を持っている人の行動を想像してみてください。コンテンツを完全に読むには、その人は「スクロール」してさらにロールする必要があります。これらの巻物の使用は、記録テキストまたは決定を維持するためでもありました。時が経つにつれ、パピルス、羊皮紙、紙などのさまざまな筆記用具から作成された巻物の使用が増加しました。

コンピュータが進化するにつれて、非常に大きなドキュメント、テーブル、画像の処理と保存が可能になりました。データが多すぎて、画面サイズがユーザーにデータを表示するのに十分でない場合がありました。表示するデータがウィンドウまたは表示領域のサイズよりも大きい場合、データは非表示のままになります。これは、画面領域を拡大するアプローチのために必要でした。

画面の拡大を実現するためのいくつかのオプションを以下に示します-

  • 画面サイズを大きくするには
  • データサイズを減らすには
  • スクロールを使用するには

このスクロールメカニズムは、グラフィックデザインや写真編集を行う人々にとってより重要です。

視差スクロールの起源

視差スクロールの歴史を見てみましょう。まず、視差という言葉の意味を理解します。視差という言葉はギリシャ語から来ていますπαράλλαξις (視差)、これは交代を意味します。

オブジェクトを斜めから見ている場合、オブジェクトは特定の方法で表示されます。ただし、同じオブジェクトを異なる位置から移動している場合は、オブジェクトが明らかに移動します。この現象は視差と呼ばれます。