單頁網站(zhàn)也(yě)并非是單純的長頁面形式，還可以是滾動式的單頁網站(zhàn)，它是對(duì)網站(zhàn)導航，頁面布局，内容排布等各大(dà)元素的獨特設計(jì)方法，能(néng)夠讓頁面看(kàn)起來(lái)更加簡潔。

　　雖然說，用(yòng)戶在浏覽網站(zhàn)時(shí)已經習慣了(le)利用(yòng)鼠标将網頁向下(xià)拉動的浏覽方式，但(dàn)是對(duì)于滾動模式的單頁網站(zhàn)依然是個挑戰，畢竟這(zhè)種隐形的網站(zhàn)導航有時(shí)候會(huì)讓用(yòng)戶感到(dào)迷茫，對(duì)整個網站(zhàn)的體驗效果産生一定的影響。

　　不過，滾動式的單頁網站(zhàn)設計(jì)得好(hǎo)必定是獲得用(yòng)戶青睐的一類網站(zhàn)，它擺脫了(le)頁面的滾動條，導航中複雜(zá)的下(xià)拉框和(hé)内容頁面，讓用(yòng)戶在向下(xià)滾動頁面浏覽的過程中自(zì)然地發現(xiàn)網站(zhàn)更多的内容，另外(wài)，運用(yòng)在手機網站(zhàn)中更加符合兼容條件，減少普通網站(zhàn)建設的繁瑣程序，帶給用(yòng)戶不一樣的體驗。奇億小(xiǎo)編分享一些(xiē)滾動式單頁網站(zhàn)，從(cóng)這(zhè)些(xiē)優秀的網站(zhàn)中學習到(dào)此類網站(zhàn)的精妙之處。

　　1、以下(xià)網站(zhàn)在做滾動式的網站(zhàn)時(shí)，最先考慮到(dào)的是導航欄的處理(lǐ)，爲了(le)讓頁面看(kàn)起來(lái)更加清晰，将導航欄隐藏在了(le)網站(zhàn)的左上(shàng)角，另外(wài)避免用(yòng)戶在頁面中迷失了(le)方向，特地設置了(le)向下(xià)滾動模樣的箭頭，提醒用(yòng)戶向下(xià)滾動即可繼續浏覽網站(zhàn)内容。

　　2、相比起上(shàng)個網站(zhàn)來(lái)說，下(xià)面的單頁網站(zhàn)建設中并沒有明(míng)顯的提示用(yòng)戶向下(xià)滾動翻頁，也(yě)沒有導航，但(dàn)是采用(yòng)了(le)一個特殊的圖形，即是帶十字的菱形框，通常在用(yòng)戶的意識中，這(zhè)是一個“添加”内容的示意框，相信在用(yòng)戶看(kàn)到(dào)的時(shí)候一定會(huì)好(hǎo)奇，從(cóng)而進行點擊，這(zhè)就形成了(le)導航的指引，整個頁面簡單而奢華。

　　3、這(zhè)個網站(zhàn)的視(shì)覺沖擊是極強的，下(xià)面的小(xiǎo)箭頭提醒了(le)用(yòng)戶繼續往下(xià)閱讀，當鼠标滾動一次，頁面就會(huì)出現(xiàn)一個版塊的内容，每一個類别的分配明(míng)朗，浏覽方便又不失内容的豐富，總之小(xiǎo)編是非常喜歡該網站(zhàn)的設計(jì)，小(xiǎo)夥伴可以搜索進入網站(zhàn)感受下(xià)。

　　4、還有一類滾動式的網站(zhàn)設計(jì)則是通過我們熟悉的提示翻頁進度的小(xiǎo)圓點來(lái)指引用(yòng)戶浏覽，這(zhè)種設計(jì)在保證整體頁面美(měi)觀大(dà)方的前提下(xià)，又能(néng)讓用(yòng)戶一目了(le)然。

　　5、說到(dào)滾動式的網頁，許多人會(huì)自(zì)然而然地認爲是向下(xià)滾動的模式，其實不然，還有橫向滾動式的網頁設計(jì)，能(néng)帶給用(yòng)戶不一樣的視(shì)覺效果。

　　滾動式的單頁網站(zhàn)建設可以算(suàn)得上(shàng)是一種個性化網站(zhàn)，充滿創意，但(dàn)是，相對(duì)比起普通網站(zhàn)的常規狀态來(lái)說，在優化或者用(yòng)戶體驗上(shàng)會(huì)存在着不足之處，因此，把這(zhè)種單頁網站(zhàn)真正建設好(hǎo)，下(xià)一些(xiē)苦功夫是必須的。

    原文(wén)标題：滾動式的單頁網站(zhàn)建設賞析

    原文(wén)地址：http://www.studstu.com