在設(shè)計(jì)你的單頁(yè)網(wǎng)站,你需要決定以下事情:

1。將我的頁(yè)面開(kāi)始頂部和向下滾動(dòng)(這樣),開(kāi)始在底部和向上滾動(dòng)(這樣),或開(kāi)始在中間,并將所有在(這樣)?


　　2。你如何區(qū)分每個(gè)頁(yè)面?


　　將該頁(yè)面是一個(gè)旅程,與Eshbeata的網(wǎng)站,在那里你旅行從地面到水下?將每個(gè)“頁(yè)面”有一個(gè)單獨(dú)的背景顏色嗎?你能把一件藝術(shù)品,它定義了邊界?沒(méi)有分離?


　　3。會(huì)有重疊的頁(yè)面?


　　如果你不關(guān)心重疊,你沒(méi)有那么多的擔(dān)心,但如果你想要每一個(gè)“頁(yè)面”來(lái)滿足所有人的屏幕,您需要添加額外的保證金的底部每一個(gè)“頁(yè)面”來(lái)解釋不同的屏幕大小。上網(wǎng)本可能只顯示500像素,而27英寸監(jiān)視器可能顯示1200像素(取決于用戶的分辨率設(shè)置)。傾向于給1200像素,如果我想要完全確定只有一個(gè)頁(yè)面將顯示在一個(gè)時(shí)間。


　　HTML


　　html實(shí)際上是非常簡(jiǎn)單的。你看過(guò)FAQ頁(yè),有一個(gè)問(wèn)題列表頂部,然后單擊其中一個(gè),它需要你去這頁(yè)的中間(這樣)?這是我們將要使用的技術(shù)�；�本上,你要?jiǎng)?chuàng)建一個(gè)導(dǎo)航就像正常的,除非你通常做一個(gè)href = "鏈接地址”,而不是一個(gè)鏈接地址,您將把一個(gè)英鎊符號(hào)緊隨其后的是惟一id的每一個(gè)“頁(yè)面”:


　　其他主要的考慮是導(dǎo)航欄。我傾向于做一個(gè)薄導(dǎo)航欄(說(shuō)70 px),是固定的屏幕頂端,所以用戶可以點(diǎn)擊“頁(yè)面”之間而不必使用滾動(dòng)條來(lái)了解周圍。

　JQuery平滑滾動(dòng)


　　為了讓你的頁(yè)面上下滾動(dòng)順利使用jquery,只是粘貼以下代碼到您的html文件。說(shuō)真的,這是它。你不需要任何header,你不需要舉辦一個(gè)jquery文件在你的網(wǎng)站上的任何地方。當(dāng)你點(diǎn)擊一個(gè)鏈接在你的網(wǎng)站,它讓你在其他地方在相同的頁(yè)面就會(huì)滑順利。