Godzilla. 2018-11-01
網(wǎng)站建設(shè)
創(chuàng)建網(wǎng)站的4種滾動類型以及何時使用它們
向下滾動網(wǎng)頁的方法不止一種！還有其他四種值得注意的滾動類型，可讓您為網(wǎng)站添加一些額外的香料。那它們適用于什么呢？什么時候最好包括它們？我們將回答這些問題并幫助您選擇滾動條以補(bǔ)充您網(wǎng)站的主題和內(nèi)容。
水平滾動
大多數(shù)網(wǎng)站建設(shè)使用的都是垂直滾動，但從左到右滾動并不是完全不可能的。有時水平滾動是一個很好的選擇，例如當(dāng)你處理大量的視覺內(nèi)容，設(shè)計移動設(shè)備或創(chuàng)建類似幻燈片的網(wǎng)站時都可以運(yùn)用。
主要缺點(diǎn)是它不同尋常。計算機(jī)用戶可能會被設(shè)計推遲或?qū)Ш嚼щy，因此最好用于主要是移動的觀眾。通過包括導(dǎo)航箭頭可以稍微減輕這種情況。
在這些情況下，最好使用水平滾動：
大量的視覺內(nèi)容。對于文本較多的頁面，不建議使用此類型的滾動。
創(chuàng)建幻燈片或講故事的網(wǎng)站時，滾動到一邊。
如果您的訪問者主要來自移動設(shè)備，并且它符合您的設(shè)計愿景。
長滾動
你有沒有訪問過一個網(wǎng)站，并立即被流體效果迷住了？那可能是一個使用長滾動的網(wǎng)站。這種技術(shù)通常用于投資組合和講故事。游客可以通過有趣的動畫和有趣的設(shè)計立即參與其中，像之前分享的5個網(wǎng)頁設(shè)計視覺敘述的例子中，就達(dá)到這樣的效果。
當(dāng)頁面被分成幾個部分時，該技術(shù)最有效。滾動到該部分可激活動畫。最好添加導(dǎo)航欄以避免混淆，因為訪問者可能會在長頁面中迷路。
長滾動的缺點(diǎn)是它不適合許多網(wǎng)站。創(chuàng)建動畫既困難又耗時。單頁設(shè)計有時可能對SEO不利，如果你不包括導(dǎo)航，用戶可能會迷失方向。最后，此類網(wǎng)站可能會導(dǎo)致較弱的設(shè)備放緩。
那么，什么網(wǎng)站適合長滾動？
講述一個有漂亮動畫的故事，多頁格式不適合。
創(chuàng)建具有引人注目設(shè)計的單頁網(wǎng)站。
流暢地傳達(dá)大量信息。
沉重的視覺內(nèi)容（攝影畫廊，信息圖表）。
無限滾動
社交媒體，博客和在線報紙的推出，無限滾動是一個很好的選擇，如果您的網(wǎng)站擠滿了超過一頁可以適應(yīng)的方式。這種單頁設(shè)計允許用戶在沒有中斷的情況下隨時保持瀏覽。它比加載新頁面更快！
有什么潛在的問題？ 首先，它可能會對舊電腦造成負(fù)擔(dān)。失去你的位置很容易，如果沒有粘性導(dǎo)航，用戶可能會迷失方向。
無限滾動并不是適用于每個網(wǎng)站，但這里有一些例子說明它運(yùn)作良好：
處理大量內(nèi)容（文章，圖像等）。
簡化內(nèi)容交付并更快地將其發(fā)送給訪問者，而不會破壞參與度。
幫助訪問者發(fā)現(xiàn)新內(nèi)容。
缺少組織或類別的內(nèi)容，例如社交媒體帖子。
視差滾動
視差滾動開始是動畫和視頻游戲中的一個聰明技巧，使場景動態(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)的滾動還是嘗試不同的東西？
文章標(biāo)簽：
創(chuàng)建網(wǎng)站 網(wǎng)頁設(shè)計
文章評論：