gpt4 book ai didi

javascript - 如果显示元素,则添加 css 属性

转载 作者:太空宇宙 更新时间:2023-11-04 02:20:23 26 4
gpt4 key购买 nike

我有一个显示在某些页面上的菜单(此处使用 wordpress)。为确保此菜单不与内容重叠,我在内容换行中添加了填充。我现在需要的是此填充仅对显示菜单元素 (#toc_container) 的页面有效。

这可以使用 css 或使用其他技巧吗?

最佳答案

快速 JS 解决方案:

Vanilla

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));
}

这将检查菜单是否存在,如果存在则添加等于菜单高度的填充。

关于javascript - 如果显示元素,则添加 css 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38213372/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com