如何使用 js 对整个 html 页面下移 150px?

2014-07-12 19:55:21 +08:00
 feijilei
我想在html网页头部显示一副高度为150px的广告;但是网页中css position: absolute;top: 0;对网页展示有影响,如何才能实现这种情况?
3345 次点击
所在节点    问与答
9 条回复
zhujinliang
2014-07-12 20:18:06 +08:00
如果是图片广告的话,将图片作为body的底图,然后对body做padding-top
guchengf
2014-07-12 20:30:22 +08:00
document.getElementById('你的页面主容器的id').style.top = '150px';
jsonline
2014-07-12 20:31:54 +08:00
样式的事交给CSS啦
lcxz
2014-07-12 20:37:29 +08:00
$("body").css({"marginTop":"150"})
Biwood
2014-07-12 20:43:24 +08:00
什么样式都不用加,你直接把图片放到body标签里面最前面的位置不行吗
adspe
2014-07-12 20:55:56 +08:00
@guchengf Right
guchengf
2014-07-12 21:38:56 +08:00
@Biwood 他的网页中有 absolute 的元素
Biwood
2014-07-12 22:31:57 +08:00
@guchengf 原来如此,刚刚没读懂他的意思。可以给body一个150px的magin-top并把定位设置为相对定位,然后广告图和网页原来的内容都可以基于body来定位,互不干扰。
vexfisher
2014-07-12 23:57:54 +08:00
document.body.style.paddingTop = '150px';

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/122323

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX