根據頁面更改附加到HTML標記的CSS嗎？

所以我有一個主頁使用Scrollmagic.js來上下滾動頁面，並且需要HTML標籤相對未被觸及。在其他所有頁面上，我需要HTML標記的高度爲100％，否則粘滯頁腳CSS將不起作用，但如果向主頁添加100％高度，則不會滾動。那麼CSS或jQuery中有沒有一種方法可以根據用戶所在的頁面更改HTML高度？根據頁面更改附加到HTML標記的CSS嗎？

或者是有粘性的頁腳方法，在那裏，不使用100％的高度上像HTLM標籤：

html, body { 
     height: 100%; 
    }

感謝

來源

2016-08-03 Nsokyi

我不知道它是多麼骯髒，但創建另一個CSS文件，具有隻是一個樣式塊。將該css文件包含在需要的所有頁面中。一定要優先考慮新文件（在常規文件之後添加它）。如果需要，請使用'！important'。 –

嗯，這只是讓我覺得，因爲它是一個Jekyll網站，我可以使用一個骯髒的小內聯風格的帖子頁，謝謝。 – Nsokyi

還是那個，是的。雖然內聯有點麻煩。如果你稍後必須改變一點，該怎麼辦？那麼你必須單獨更換所有頁面。最好將所有頁面鏈接到一個源文件。 –

您可以使用URL來檢查哪些頁面你正在打開，並根據頁面調整CSS。

的JavaScript

window.onload = function() { 
    var url = window.location.href; 
    var pageurl = url.substring(url.indexOf('.com')+4,url.length); 
    var html = document.querySelector('html'); 

    if(pageurl !== "/index.html") { 
     /* adjust css if we're not on the index.html page */ 
     html.style.height = "100%"; 

    } 
}

來源

2016-08-03 15:22:34

謝謝，看起來像我後，但我得到一個「未捕獲TypeError：url.indexof不是一個函數」？ – Nsokyi

@Nsokyi這是我的錯，我犯了一個錯誤，並在'indexOf'中忘了大寫字母O.我更新了我的答案。 –

謝謝，多數民衆贊成真棒！ – Nsokyi

根據頁面更改附加到HTML標記的CSS嗎？

回答

相關問題