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

Question

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

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

考虑到我不知道是否有一个或它的 id/class/top 值是什么.

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

希望我的问题足够清楚。

提前致谢。

Answer 1

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

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

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