[請益] 如何使用JavaScript或CSS製作頁框的效果

[qazsd (珍惜當下)]

http://imgur.com/oXN1Bqq

如上圖，上面的網站是用Google Site製作的

左邊黑色的部分有捲軸，是一個頁框

當點了左邊的項目後，頁面會重新讀取，接著右邊的內容會顯示左邊項目的內容

想請教如何在單一個網頁上用CSS製作出類似導覽列的效果？

但是點了左側導覽列後，頁面都會重新整理喔！

先謝謝各位大大了 m(_ _)m

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.124.165.66
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1500961511.A.D58.html
推 p52189: 這個跟CSS比較無關吧？ JavaScript 有框架比較好處理，自
→ p52189: 幹不是不能只是我覺得有點麻煩
推 jj0321: 有 網頁設計板
※ 編輯: qazsd (59.124.165.66), 07/25/2017 14:43:41
→ dreamnook: 基本上是一個div scrollable/position fixed
→ dreamnook: keyword應該是overflow?
推 RunRun5566: 感覺是前端基本技能，用CSS+JS做起來不難，只是需要一
→ RunRun5566: 點component設計思維
→ sky810684: 這叫SPA架構，他點側欄的項目不應該整個瀏覽器重整才對
→ sky810684:   否則就失去這個架構最大的好處了
推 OriginStar: 我的case實際做法是把一個DIV顯示，把其它DIV隱藏
→ OriginStar: 然後用directory儲存key為點選項目的id，value為DIV
→ OriginStar: 的ID
推 alice822: 用Label就可以
推 adsl12367: jquery onload()
※ 編輯: qazsd (59.124.165.65), 08/01/2017 16:38:41