当我重新加载页面时，为什么我的内容会发生变化？

Question

所以我的site被锁定在浏览器的顶部，这是正确的，但是当我在这个画廊页面上点击重新加载（命令+ R）时，它现在垂直居中的一切都不是我想要的。这是一个基于模板的网站（squarespace），里面有我添加的内容。

我添加了这个css：

#canvas { top: 0 !important; margin-top: 0 !important;}

和这个HTML

<script type="text/javascript">
window.onload=function(){
document.getElementById('canvas').removeAttribute('id');
document.getElementById('canvasWrapper').removeAttribute('id');}; </script>

Answer 1

首次加载页面时，您有一个没有内联样式的div（ID类似于“yui_3_10_1_1_1376940471763_412”）。所以一切都很好。

当您重新加载页面时，该div不再具有ID，而是添加了内联上边距，显然是通过Javascript推送您的网站。

同时，你的代码毫无意义。你已经使用id =“canvas”将div应用于div，然后使用Javascript删除该id，使你的CSS无需应用。

删除后，您的页面也会抛出JS错误，因为site.js中的SquareSpace函数正在查找您已删除的ID。

我会尝试删除你添加的JS（保留“canvas”和“canvas-wrapper”完整）。你的CSS（带有“！important”标签）应该覆盖SquareSpace添加的任何内联样式。