Question

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

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

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

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

希望我的问题足够明确。

提前致谢。

Answer 1

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

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

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