使用JavaScript和CSS实现异步移动侧边栏

最近帮同学(Simollus)搭建了WordPress博客。

尽管有过建Malash.me的基础,对WordPress轻车熟路,但仅限于插件之类表面的东西,在代码层面研究的并不多。这次建站一来想美化一下主题、优化一下功能,二来想拓宽一下自己的知识面,于是深入研究了一下JavaScript和CSS。

研究过程中发现ipc.me上有这样一篇文章(20个将JavaScript推到极致的网站)很有意思,其中Nike Better World的网站非常吸引我。当用户滚动页面时,会营造出一种有趣的视觉差。

受此启发,我写了一段JavaScript脚本在Simollus上实现了异步移动效果的侧边栏。

Simollus上的异步移动侧边栏

Simollus上的异步移动侧边栏预览(点击图片可看原图,未遮盖部分为浏览器可视区域)

继续阅读全文