作者qazsd (珍惜當下)
看板Soft_Job
標題[請益] 如何使用JavaScript或CSS製作頁框的效果
時間Tue Jul 25 13:45:03 2017
http://imgur.com/oXN1Bqq
如上圖，上面的網站是用Google Site製作的
左邊黑色的部分有捲軸，是一個頁框
當點了左邊的項目後，頁面會重新讀取，接著右邊的內容會顯示左邊項目的內容
想請教如何在單一個網頁上用CSS製作出類似導覽列的效果？
但是點了左側導覽列後，頁面都會重新整理喔！
先謝謝各位大大了 m(_ _)m
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.124.165.66
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Soft_Job/M.1500961511.A.D58.html
1F：推 p52189: 這個跟CSS比較無關吧？ JavaScript 有框架比較好處理，自 07/25 14:11
2F：→ p52189: 幹不是不能只是我覺得有點麻煩 07/25 14:12
3F：推 jj0321: 有 網頁設計板 07/25 14:38
※ 編輯: qazsd (59.124.165.66), 07/25/2017 14:43:41
4F：→ dreamnook: 基本上是一個div scrollable/position fixed 07/25 18:42
5F：→ dreamnook: keyword應該是overflow? 07/25 18:43
6F：推 RunRun5566: 感覺是前端基本技能，用CSS+JS做起來不難，只是需要一 07/25 21:25
7F：→ RunRun5566: 點component設計思維 07/25 21:25
8F：→ sky810684: 這叫SPA架構，他點側欄的項目不應該整個瀏覽器重整才對 07/25 21:49
9F：→ sky810684: 否則就失去這個架構最大的好處了 07/25 21:49
10F：推 OriginStar: 我的case實際做法是把一個DIV顯示，把其它DIV隱藏 07/26 21:09
11F：→ OriginStar: 然後用directory儲存key為點選項目的id，value為DIV 07/26 21:11
12F：→ OriginStar: 的ID 07/26 21:11
13F：推 alice822: 用Label就可以 07/28 08:12
14F：推 adsl12367: jquery onload() 07/28 13:23
※ 編輯: qazsd (59.124.165.65), 08/01/2017 16:38:41