使用Javascript、CSS或Jquery向下推送页面的不同方式有哪些?

使用Javascript、CSS或Jquery向下推送页面的不同方式有哪些?,jquery,css,google-chrome,iframe,google-chrome-extension,Jquery,Css,Google Chrome,Iframe,Google Chrome Extension,我正在创建一个chrome扩展,我想为附加在主体外部的iframe工具栏保留空间 我在许多网站上尝试了以下方法,我使用Firebug检查页面html,转到body标记并将此css规则添加到其中: -webkit-transform: translateY(40px); 我看到整个页面被下推了40像素 我不能使用边距上限:40px它似乎不能正常工作,它不能向下推固定元素 是否有其他方法可以使用另一种技术(使用Jquery或Javascript代码)实现同样的目标?可能有很多不同的方法,这使得这个

我正在创建一个chrome扩展,我想为附加在主体外部的iframe工具栏保留空间

我在许多网站上尝试了以下方法,我使用Firebug检查页面html,转到body标记并将此css规则添加到其中:

-webkit-transform: translateY(40px);
我看到整个页面被下推了40像素

我不能使用边距上限:40px它似乎不能正常工作,它不能向下推固定元素


是否有其他方法可以使用另一种技术(使用Jquery或Javascript代码)实现同样的目标?

可能有很多不同的方法,这使得这个问题很难回答。你是想移动整个主体,还是仅仅?主体{margin top:40px}不做你需要的吗?为什么不将margin bottom添加到iframe工具栏?我想将整个主体向下移动40px-webkit转换工作正常,但它会导致facebook聊天出现一些问题,请从google chrome登录facebook并尝试添加我上面提到的css规则,您将看到problem@ShikataGaNai不幸的是,没有通用的方法来解决这个问题。你必须为Facebook写一个特定的风格。例如,blueBar{top:40px;}body{padding top:40px;}实现了这一功能。