[請益] 如何使用JavaScript或CSS製作頁框的效果 qazsd PTT批踢踢實業坊

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

作者: qazsd ( ) 2017-07-25 13:45:03

http://imgur.com/oXN1Bqq
如上圖，上面的網站是用Google Site製作的
左邊黑色的部分有捲軸，是一個頁框
當點了左邊的項目後，頁面會重新讀取，接著右邊的內容會顯示左邊項目的內容
想請教如何在單一個網頁上用CSS製作出類似導覽列的效果？
但是點了左側導覽列後，頁面都會重新整理喔！
先謝謝各位大大了 m(_ _)m

作者: p52189 (鼠霸) 2017-07-25 14:11:00

這個跟CSS比較無關吧？ JavaScript 有框架比較好處理，自幹不是不能只是我覺得有點麻煩

作者: jj0321 (JJ與你倒數唷) 2017-07-25 14:38:00

有網頁設計板

作者: dreamnook (亞龍) 2017-07-25 18:42:00

基本上是一個div scrollable/position fixedkeyword應該是overflow?

作者: RunRun5566 (跑跑五六) 2017-07-25 21:25:00

感覺是前端基本技能，用CSS+JS做起來不難，只是需要一點component設計思維

作者: sky810684 (sky172839465) 2017-07-25 21:49:00

這叫SPA架構，他點側欄的項目不應該整個瀏覽器重整才對否則就失去這個架構最大的好處了

作者: OriginStar 2017-07-26 21:09:00

我的case實際做法是把一個DIV顯示，把其它DIV隱藏然後用directory儲存key為點選項目的id，value為DIV的ID

作者: alice822 (梅露) 2017-07-28 08:12:00

用Label就可以

作者: adsl12367 (adsl12367) 2017-07-28 13:23:00

jquery onload()

繼續閱讀

[徵才] 漸強實驗室徵求後端 python 工程師lokm [徵才] 港商 Sheenway 徵台灣軟/韌體經理dolinian [新聞] 杜奕瑾︰發展人工智慧要以軟帶硬sony577 [請益] 寫網頁要去自有產品公司還是接案公司？keev [徵才] 拓集科技誠徵 Unity Engineerapznnn [徵才] 榮美創意科技誠徵軟體工程師(人工智慧)christie0510 Re: [請益] 新鮮人offer選擇台塑/玉山starcraftiii [請益] 新鮮人offer選擇台塑/玉山fy213 Re: [新聞] 台灣的軟體工程師都跑哪裡去了？cphe [新聞] 台灣的軟體工程師都跑哪裡去了？sony577