博客小升级,文章详情页面增加隐藏侧边栏功能
所属分类:网站建设 | 发布于 2023-12-17
一直想给文章详情页面增加一个隐藏侧边栏的按钮,现在终于加上了这个功能。
先上效果
现在的结构是侧边栏会一直存在于文章详情页面,之前录视频的时候,感觉隐藏掉侧边栏,看到的是全屏的文章内容,这样效果会比较好。这个想法就产生了。
开发历程
昨天晚上10点多没事干,突发奇想来搞这个功能,难点是怎么把这个按钮放到合适的位置,至于写js来控制显示与隐藏,应该是难度不大。果然,在css position的几个值里面来回试,不停的看文档,终于在11点多整明白了,用fixed实现。
然后躺在床上准备睡觉,躺了一会儿没睡着,干脆起来把剩下的js写完,经过调试,终于达到了满意的效果。