2016-08-03 37 views
1

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

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

html, body { 
     height: 100%; 
    } 

感謝

+0

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

+0

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

+0

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

回答

2

您可以使用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%"; 

    } 
} 
+0

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

+0

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

+0

謝謝,多數民衆贊成真棒! – Nsokyi