javascript - js做了一个可垂直收缩展开的左边侧导航栏, 怎么保持点击之前展开的,点击后也是展开
高洛峰
高洛峰 2017-04-10 17:44:29
0
2
236

js, css做了一个可垂直收缩展开的左边侧导航栏, 现在每次点击导航上的链接后, 页面会刷新跳转, 导航栏恢复原样, 现在的问题是怎么保持点击之前展开的项,点击后也是展开的,
高手说一下方法.

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

reply all (2)
Ty80

楼上的思路是对的,在有侧边导航栏的收缩动作的时候,操作完dom后把收缩状态存在持久存储里面去,在每次页面加载完毕初始化侧边栏的时候,先用js读取是否有之前的状态,然后做相应的页面展示。

但是不建议使用cookie,我的建议是使用localStorage或sessionStorage等现代数据存储方式。
来文档 https://developer.mozilla.org...
看兼容性 http://caniuse.com/#search=lo...

    小葫芦

    我先确定一下题主问题的几个point

    1. 非单页面

    2. 侧边栏 非模板(?)

    如果真的是非模板(也就是每个页面里粘贴了同样的侧边栏的HTML代码),这种最好做了,针对每个页面单独写样式嘛

    比如现在这个页面是首页,你就把侧边栏首页挂上标记

    如果是模板做的,而且还非单页面(即页面会刷新),你就要利用cookie保存状态了,然后每次页面加载,从cookie中取这个状态,然后做相应的处理

    以上。希望可以帮到你 :P

      Latest Downloads
      More>
      Web Effects
      Website Source Code
      Website Materials
      Front End Template
      About us Disclaimer Sitemap
      php.cn:Public welfare online PHP training,Help PHP learners grow quickly!