如您在本页中所见:http : //pitchfork.com/,右侧有一些音频元素。我检查了它们,它们似乎有绝对的定位。但是,如果向下滚动,则会看到它们已修复。
如何实现这种行为?可以是绝对定位和固定定位的元素吗?
这是我找到的唯一方法:就像@DreamTek所说:
<div id="relative-layer">
<div id="fixed-layer">
</div>
</div>
并在样式文件中:
#relative-layer {
position:relative;
}
#fixed-layer {
position: fixed;
margin-top: 10px;
margin-left: 10px;
}
因为使用top
和right
规则相对于窗口放置图层,但是如果使用margin-top
和规则margin-left
,则相对于父图层放置图层。
JSFIDDLE:http : //jsfiddle.net/9HQ4b/1/
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句