javascript - 下推所有元素，包括使用 position:fixed 的元素

Question

我正在尝试为我的站点网络构建固定的 html 工具栏。我正在使用css的位置：固定和顶部：0并使用body：margin-top推送所有元素。

问题是当特定站点已经有一个固定到顶部的元素时。

考虑到我不知道是否有一个或它的 id/class/top 值是什么，有没有办法（使用 css 或 js）将所有元素（包括固定元素）下推给定的像素值。

例如，如果一个站点正在使用 HelloBar (www.hellobar.com)，我需要我的栏来推动它，并且所有页面内容都向下而不是漂浮在上面。

希望我的问题足够清楚。

提前致谢。

Answer 1

您需要使用 jquery 获取工具栏的高度。然后给包含内容的容器一个 margin-top = 工具栏的高度。

var toolbar_height = $('.toolbar').height();

$('.container').css({'margin-top':toolbar_height});