ページに応じてHTMLタグに付加されているCSSを変更しますか？

Question

私は、ページを上下にスクロールするためにScrollmagic.jsを使用するホームページを持っています。これは、HTMLタグを比較的手の届かないものにする必要があります。他のすべてのページでは、100％の高さを持つHTMLタグが必要です。または、スティッキーフッターCSSは機能しませんが、私はホームページに100％の高さを加えてスクロールしません。だから、CSSやjQueryのいずれかで、ユーザーのページに応じてHTMLの高さを変更できる方法がありますか？

などHTLMタグに100％の高さを使用していないそこにスティッキーフッターの方法があります：あなたがチェックするためにURLを使用することができ

Answer 1

html, body { 
     height: 100%; 
    } 

おかげでどのページあなたがいて、ページに従って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%"; 

    } 
}