背景和介紹



如果您在電腦或手機上瀏覽任何現代網站,您可能會體驗到,當您上下滾動網站時,整個螢幕似乎都在滾動方向上移動。如果背景中有這種效果,那麼您滾動時前景色中的資訊也會發生變化。這種效果可以簡要地描述為視差滾動。

滾動

讓我們瞭解一下滾動是什麼意思。當您檢視網頁時,在任何方向(上、下、左、右)瀏覽網頁的操作稱為滾動。

通常,如果您是臺式電腦使用者,此操作是透過使用滑鼠上的滾輪來完成的。

Scroll Wheel

歷史

讓我們看看這個詞——滾動。在古代,為了向遠方的人傳送資訊,人們使用手寫的卷軸。這些卷軸看起來如下圖所示:

Handwritten Scrolls

想象一下拿著卷軸的人的動作。為了完整地閱讀內容,這個人需要“滾動”並將其進一步展開。使用這些卷軸也是為了儲存記錄文字或決策。隨著時間的推移,卷軸的使用越來越多,因為它是由不同的書寫材料製成的,例如紙莎草紙、羊皮紙和紙張。

隨著計算機的發展,處理和儲存非常大的文件、表格和影像成為可能。有時資料非常多,以至於螢幕尺寸不足以向用戶呈現資料。當要顯示的資料大於視窗或顯示區域的大小時,資料將保持隱藏狀態。這就需要一種擴充套件螢幕區域的方法。

下面列出了一些實現螢幕擴充套件的選項:

  • 增大螢幕尺寸
  • 減小資料尺寸
  • 使用滾動

這種滾動機制對於從事圖形設計和照片編輯的人來說更為重要。

視差滾動起源

讓我們深入瞭解視差滾動的歷史。首先,我們將瞭解視差這個詞的含義。視差一詞來自希臘語παράλλαξις (parallaxis),意思是交替。

如果我們從一個角度觀察一個物體,物體將以特定的方式出現。但是,如果您從不同的位置移動同一個物體,物體將會有明顯的移動。這種現象稱為視差。

廣告

© . All rights reserved.