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

Question

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

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

有没有一种方法(使用 css 或 js)将所有元素(包括固定元素)下推给定的像素值，考虑到我不知道是否有一个或它的 id/class/top 值是多少.

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

希望我的问题足够清楚。

提前致谢。

Answer 1

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

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

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