如果顯示元素，請添加css屬性

Question

我有一些菜單顯示在某些頁面上（使用wordpress）。爲了確保這個菜單不重疊，我在內容包中添加了一個填充。我現在需要的是這個填充只對顯示菜單元素（#toc_container）的頁面有效。

這可能使用CSS或使用其他一些技巧？

Answer 1

快速JS的解決方案：

香草

var menu = document.getElementById("toc_container"); 
var body = document.body; 
if (menu !== null) { 
    body.style.paddingTop = menu.clientHeight + "px"; 
} 

jQuery的

var $menu = $("#toc_container"); 
var $body = $("body"); 
if ($menu.length > 0) { 
    $body.css('padding-top', $menu.outerHeight(true)); 
} 

此檢查菜單的存在，並增加了等於菜單的高度，如果這樣的填充。

Answer 2

得到朋友的幫助，並添加了以下內容。工作作爲魅力:)

if (document.getElementById("toc_container")) 
{ 
    sheet = document.styleSheets[0]; 
    if (sheet.insertRule) sheet.insertRule(".x-container {padding-right: 250px}", sheet.cssRules.length); 
    else if (sheet.addRule) sheet.addRule(".x-container", "padding-right: 250px"); 
};