以往,是圖像或影像的長度決定讀者花多少時間來捲對它。圖片越長、讀者捲動的時間就越久,圖片越短則相反。影像則是使用者願意駐足觀看,那該則影像就會被看比較久。

但透過把影像或圖像作為背景或sticky-top,我便可以透過指定外部區塊元素height來決定讀者必須在捲動過程花多少時間觀看我這個影片或圖像。這意味著,透過捲動,就如同電影透過在時間軸的剪輯,我可以控制讀者必須要看我指定的內容多久。

如下方的四張圖片,內部的區塊均設定為sticky-top,高度則為100vh;外部的區塊則設定為300vh。這意味著原本讀者只需要花100vh來捲過這張圖片,但在這樣的設計下,讀者必須花300vh的捲動來觀看一則圖片