當我重新加載頁面時，爲什麼我的內容會發生變化？

所以我的site被鎖定在瀏覽器的頂部，這是正確的，但是當我在這個圖庫頁面上重新加載（命令+ R）時，它現在將所有不是我想要的東西垂直居中。這是一個基於模板的網站（廣場），我添加了一些東西。當我重新加載頁面時，爲什麼我的內容會發生變化？

我加入這個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>

enter image description here

來源

2013-08-19 Jeff Dowell

這不會發生在我身上。你使用的是什麼瀏覽器？ – andi

safari，也是firefox正在做的，而且還有chrome –

當你第一次加載頁面，你有一個div（ID爲像「yui_3_10_1_1_1376940471763_412」），沒有in線樣式。所以一切都很好。

當您重新加載頁面時，該div不再具有ID，而是向其中添加了內聯頂部頁邊距，顯然是通過Javascript將頁面壓低。

同時，你的代碼沒有意義。您已將CSS應用於id爲「canvas」的div，然後使用Javascript刪除該ID，從而使您的CSS無法應用。

刪除之後，您的頁面也會拋出JS錯誤，因爲site.js中的SquareSpace函數正在查找您已刪除的ID。

我想嘗試刪除您添加的JS（完整保留「canvas」和「canvas-wrapper」）。您的CSS（帶有「！important」標籤）應該覆蓋SquareSpace添加的任何內聯樣式。

來源

2013-08-19 19:37:12

你很精彩，謝謝。 javascript來自一個幫助站點，另一個來自另一個css，當你用編碼知識來補充時，你會遇到問題。謝謝。 –

這就是爲什麼。 :)漂亮的網站，順便說一句。 –

感謝SO，讓我的網站以我想要的方式運作。我從這個網站得到了很多幫助。真的很棒。 –

當我重新加載頁面時，爲什麼我的內容會發生變化？

回答

相關問題