云南網(wǎng)站建設(shè)創(chuàng)新企業(yè) 昆明多彩網(wǎng)絡公司

純css實現(xiàn)無動跳隨網(wǎng)頁滾動代碼(有demo)

來源：昆明多彩網(wǎng)絡公司 日期：2011-03-29 閱讀： 發(fā)表評論

demo：點擊預覽 

前臺的html代碼非常的簡潔： 

<div id="sro">昆明多彩科技是<a href="http://www.akadana.com">云南網(wǎng)站建設(shè)</a>專業(yè)的公司。</div>

css代碼： 

#sro{width:90px;height:auto;position:fixed;z-index:2;border:1px solid #FB8511;background:#fff;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));}

* html{background-image:url(about:blank);background-attachment:fixed;}

注意sro中的css樣式的下劃線_是為了兼容ie6瀏覽器（萬惡的IE6），下面的* html也是為了防止層在滾動的時候發(fā)生跳動的情況發(fā)生。

該教程由多彩科技原創(chuàng)，轉(zhuǎn)載請注明出處。