[请益] 如何使用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