向下滾動網(wǎng)頁的方法不止一種！還有其他四種值得注意的滾動類型，可讓您為網(wǎng)站添加一些額外的香料。它們適用于什么？什么時候最好包括它們？我們將回答這些問題并幫助您選擇滾動條以補(bǔ)充您網(wǎng)站的主題和內(nèi)容。

水平滾動

PRA健康科學(xué)的水平滾動

大多數(shù)網(wǎng)站使用垂直滾動，但從左到右滾動并不是完全不可能的。有時水平是一個很好的選擇，例如當(dāng)你處理大量的視覺內(nèi)容，設(shè)計移動設(shè)備或創(chuàng)建類似幻燈片的網(wǎng)站時。

主要缺點是它不同尋常。計算機(jī)用戶可能會被設(shè)計推遲或?qū)Ш嚼щy，因此最好用于主要是移動的觀眾。通過包括導(dǎo)航箭頭可以稍微減輕這種情況。

在這些情況下，最好使用水平滾動：

大量的視覺內(nèi)容。對于文本較多的頁面，不建議使用此類型的滾動。

創(chuàng)建幻燈片或講故事的網(wǎng)站時，滾動到一邊。

如果您的訪問者主要來自移動設(shè)備，并且它符合您的設(shè)計愿景。

長滾動

在Magic Leap長時間滾動

你有沒有訪問過一個網(wǎng)站，并立即被流體效果迷住了？那可能是一個使用長滾動的網(wǎng)站。這種技術(shù)通常用于投資組合和講故事。游客可以通過有趣的動畫和有趣的設(shè)計立即參與其中。

當(dāng)頁面被分成幾個部分時，該技術(shù)最有效。滾動到該部分可激活動畫。最好添加導(dǎo)航欄以避免混淆，因為訪問者可能會在長頁面中迷路。

長滾動的缺點是它不適合許多網(wǎng)站。創(chuàng)建動畫既困難又耗時。單頁設(shè)計有時可能對SEO不利，如果你不包括導(dǎo)航，用戶可能會迷失方向。最后，此類網(wǎng)站可能會導(dǎo)致較弱的設(shè)備放緩。

那么，什么是長滾動適合？

講述一個有漂亮動畫的故事，多頁格式不適合。

創(chuàng)建具有引人注目設(shè)計的單頁網(wǎng)站。

流暢地傳達(dá)大量信息。

沉重的視覺內(nèi)容（攝影畫廊，信息圖表）。

無限滾動

在MADCLEM無限滾動

社交媒體，博客和在線報紙的推出，無限滾動是一個很好的選擇，如果您的網(wǎng)站擠滿了超過一頁可以適應(yīng)的方式。這種單頁設(shè)計允許用戶在沒有中斷的情況下隨時保持瀏覽。它比加載新頁面更快！

有什么潛在的問題？首先，它可能會對舊電腦造成負(fù)擔(dān)。失去你的位置很容易。如果沒有粘性導(dǎo)航，用戶可能會迷失方向。

無限滾動并不是適用于每個網(wǎng)站，但這里有一些例子說明它運作良好。

處理大量內(nèi)容（文章，圖像等）。

簡化內(nèi)容交付并更快地將其發(fā)送給訪問者，而不會破壞參與度。

幫助訪問者發(fā)現(xiàn)新內(nèi)容。

缺少組織或類別的內(nèi)容，例如社交媒體帖子。

視差滾動

Nathan Riley的視差滾動

視差滾動開始是動畫和視頻游戲中的一個聰明技巧，使場景動態(tài)化。該技術(shù)使前景和背景以不同的速度移動。在網(wǎng)頁設(shè)計中，它是相同的概念！與長滾動類似，視差通常使用動畫和效果來制作視覺上有趣的網(wǎng)頁。

唯一的麻煩是它可能會加載加載速度。它還可以使頁面看起來很忙。因此，如果您的網(wǎng)站以內(nèi)容為中心，通常不適用。

否則，“視差”是一個廣泛的類別。它可以從簡單的，幾乎不引人注意的背景效果到動畫般的冒險。它可以在任何類型的網(wǎng)站上使用！

選擇正確的滾動類型

有時候最好堅持使用傳統(tǒng)的滾動方式。您的網(wǎng)站可能不需要所有額外的效果和功能。但是，當(dāng)您創(chuàng)建一個講述故事或包含大量信息的網(wǎng)站時，其中一種滾動類型可能正是您所需要的。

既然你了解它們，你會堅持傳統(tǒng)的滾動還是嘗試不同的東西？