Javascript 按下所有元件,包括使用位置的元件:固定

Javascript 按下所有元件,包括使用位置的元件:固定,javascript,jquery,html,css,css-position,Javascript,Jquery,Html,Css,Css Position,我正在尝试为我的网站网络构建固定的html工具栏。我使用css的position:fixed和top:0,并使用body:margin-top推送所有元素 问题是当一个特定的站点已经有一个固定到顶部的元素时 有没有一种方法(使用css或js)可以将所有元素(包括固定元素)向下推一个给定的像素值,因为我不知道是否有一个元素,或者它的id/class/top值是多少 例如,如果一个站点正在使用HelloBar(www.HelloBar.com),我需要我的工具栏将其和所有页面内容向下推,而不是浮在上

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

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

有没有一种方法(使用css或js)可以将所有元素(包括固定元素)向下推一个给定的像素值,因为我不知道是否有一个元素,或者它的id/class/top值是多少

例如,如果一个站点正在使用HelloBar(www.HelloBar.com),我需要我的工具栏将其和所有页面内容向下推,而不是浮在上面

希望我的问题足够清楚


提前感谢。

您需要使用jquery获取工具栏的高度。然后为保存内容的容器指定一个页边距top=工具栏的高度

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

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

谢谢只有当我知道所有元素都有一个固定的位置时,它才起作用。jQuery是否有选择所有这些元素的选项?确定。在这里找到的。谢谢:)