作者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/cn.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