我有一个使用 Javascript 制作的侧边栏/内容列布局切换器。在具有主要内容列和侧边栏列的博客上。
==========Content Column======== ==Sidebar==
================================ ===========
================================ ===========
================================ ===========
================================ ===========
================================ ===========
================================ ===========
================================ ===========
==Sidebar== ==========Content Column========
=========== ================================
=========== ================================
=========== ================================
=========== ================================
=========== ================================
=========== ================================
=========== ================================
工作原理:
用户可以选择一个按钮,该按钮将切换布局以在页面左侧或右侧显示侧边栏。一旦他们点击切换器按钮,我就会使用 Javascript 将值保存到浏览器 Cookie 中,并使用 CSS 进行切换。这很好用,因此页面不需要重新加载或类似的东西。
现在有问题的部分,一旦页面被重新加载或网站上的另一个页面被加载,如果我使用 Javascript 读取 Cookie 值,那么页面必须加载然后进行切换,所以切换布局会有延迟对用户可见,这很俗气。我知道简单的解决方案是使用 PHP 读取 Cookie 并为正在加载的页面的列 priotr 设置适当的 CSS。
不过我的问题是,是否可以读取 Cookie 并使用 Javascript 切换布局位置但没有任何可见的延迟?还是我必须坚持在服务器端构建它以避免这种情况?