如何使DIV总是漂浮在屏幕右上angular?
如何使DIV始终浮在屏幕的右上angular,以便即使向下滚动页面,DIV仍然显示在同一固定位置? 谢谢。
使用position: fixed
,并将其position: fixed
在页面的top
和right
:
#fixed-div { position: fixed; top: 1em; right: 1em; }
IE6不支持position: fixed
,但是。 如果你在IE6中需要这个function的话, 这个纯粹的CSS解决scheme似乎可以做到。 你将需要一个包装器<div>
来包含一些样式来使其工作,如样式表中所见。
使用position:fixed
,如前所述,IE6不承认position:fixed
,但用一些CSS魔法,你可以得到IE6的performance:
html, body { height: 100%; overflow:auto; } body #fixedElement { position:fixed !important; position: absolute; /*ie6 */ bottom: 0; }
!important
标志使得它不必为IE使用条件注释。 这将有#fixedElement
使用position:fixed
在所有的浏览器,但IE浏览器,并在IE
, position:absolute
将生效与bottom:0
。 这将模拟position:fixed
的IE6