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

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

如上圖，上面的網站是用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()

繼續閱讀