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

看板Soft_Job (軟體人)作者 (珍惜當下)時間8年前 (2017/07/25 13:45), 8年前編輯推噓6(608)
留言14則, 8人參與, 最新討論串1/1
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

07/25 14:11, , 1F
這個跟CSS比較無關吧? JavaScript 有框架比較好處理,自
07/25 14:11, 1F

07/25 14:12, , 2F
幹不是不能只是我覺得有點麻煩
07/25 14:12, 2F

07/25 14:38, , 3F
有 網頁設計板
07/25 14:38, 3F
※ 編輯: qazsd (59.124.165.66), 07/25/2017 14:43:41

07/25 18:42, , 4F
基本上是一個div scrollable/position fixed
07/25 18:42, 4F

07/25 18:43, , 5F
keyword應該是overflow?
07/25 18:43, 5F

07/25 21:25, , 6F
感覺是前端基本技能,用CSS+JS做起來不難,只是需要一
07/25 21:25, 6F

07/25 21:25, , 7F
點component設計思維
07/25 21:25, 7F

07/25 21:49, , 8F
這叫SPA架構,他點側欄的項目不應該整個瀏覽器重整才對
07/25 21:49, 8F

07/25 21:49, , 9F
否則就失去這個架構最大的好處了
07/25 21:49, 9F

07/26 21:09, , 10F
我的case實際做法是把一個DIV顯示,把其它DIV隱藏
07/26 21:09, 10F

07/26 21:11, , 11F
然後用directory儲存key為點選項目的id,value為DIV
07/26 21:11, 11F

07/26 21:11, , 12F
的ID
07/26 21:11, 12F

07/28 08:12, , 13F
用Label就可以
07/28 08:12, 13F

07/28 13:23, , 14F
jquery onload()
07/28 13:23, 14F
※ 編輯: qazsd (59.124.165.65), 08/01/2017 16:38:41
文章代碼(AID): #1PTjhdrO (Soft_Job)
文章代碼(AID): #1PTjhdrO (Soft_Job)