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

水平滾動(dòng)

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

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

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

在這些情況下，最好使用水平滾動(dòng)：

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

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

如果您的訪問(wèn)者主要來(lái)自移動(dòng)設(shè)備，并且它符合您的設(shè)計(jì)愿景。

長(zhǎng)滾動(dòng)

在Magic Leap長(zhǎng)時(shí)間滾動(dòng)

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

當(dāng)頁(yè)面被分成幾個(gè)部分時(shí)，該技術(shù)最有效。滾動(dòng)到該部分可激活動(dòng)畫。最好添加導(dǎo)航欄以避免混淆，因?yàn)樵L問(wèn)者可能會(huì)在長(zhǎng)頁(yè)面中迷路。

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

那么，什么是長(zhǎng)滾動(dòng)適合？

講述一個(gè)有漂亮動(dòng)畫的故事，多頁(yè)格式不適合。

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

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

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

無(wú)限滾動(dòng)

在MADCLEM無(wú)限滾動(dòng)

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

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

無(wú)限滾動(dòng)并不是適用于每個(gè)網(wǎng)站，但這里有一些例子說(shuō)明它運(yùn)作良好。

處理大量?jī)?nèi)容（文章，圖像等）。

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

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

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

視差滾動(dòng)

Nathan Riley的視差滾動(dòng)

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

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

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

選擇正確的滾動(dòng)類型

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

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