position:fixed能可以是元素不隨滾動(dòng)條滾動(dòng)而滾動(dòng)，固定在視口中，在網(wǎng)頁設(shè)計(jì)中這種效果經(jīng)常用到。通常不考慮IE6的代碼是：
<body>
<div id="" class="" style="position:fixed; right:20px; top:20px;border:solid 1px blue;">
fixed??
</div>
<div style="height:1000px;">mock page content<div>
</body>
主流的做法有兩種，一種使用expression表達(dá)式，在頁面滾動(dòng)時(shí)重新設(shè)計(jì)元素的top屬性：
<body>
<div id="" class="" style="position:fixed; right:20px; top:20px;border:solid 1px blue; _position:absolute;_top:expression(parseInt(document.documentElement.scrollTop,10)+20+'px');">
fixed??
</div>
<div style="height:1000px;">mock page content<div>
</body>
這種方法比較直接，但是每次滾動(dòng)都重新計(jì)算元素的位置很消耗性能，而且頁面比較復(fù)雜的時(shí)候，會(huì)出現(xiàn)“抖動(dòng)”的現(xiàn)象。
另外一種方法當(dāng)你弄明白是才發(fā)現(xiàn)奇妙無窮，是否可以改變頁面的滾動(dòng)條滾動(dòng)的元素呢？滾動(dòng)條默認(rèn)滾動(dòng)的是body元素。如果滾動(dòng)的是一個(gè)div，而需要固定定位的元素并不在這個(gè)div中的話，自然就不會(huì)隨著滾動(dòng)條的滾動(dòng)而滾動(dòng)。
<body>
<style type="text/css">
html,body,#content{height:100%;overflow:auto;padding:0px;margin:0px;}
#fixed{position:fixed; right:20px; bottom:20px; border:solid 1px blue;_position:absolute;}
</style>
<div id="content" class="">
<div id="" class="" style="background-color:#ccc;height:1000px;">
mock page content
</div>
</div>
<div id="fixed" class="">
fixed content
</div>
</body>
設(shè)置一個(gè)div與body等高等寬，將頁面內(nèi)容都放到這個(gè)div中。這樣頁面滾動(dòng)條其實(shí)是這個(gè)div的滾動(dòng)條。然后在body下放上position:fixed的元素。這樣就大功告成了。
這基本是一個(gè)白話版的解決辦法了。基本是原理和簡單實(shí)現(xiàn)，更多的細(xì)節(jié)可以參考：
http://www.qianduan.net/fix-ie6-dont-support-position-fixed-bug.html