css實(shí)現(xiàn)網(wǎng)頁(yè)布局隨滾輪變化響應(yīng)移動(dòng)_html/css

1、第一句代碼

_position:absolute;

這句代碼的意思是“位置：絕對(duì)定位”，也就是說(shuō)元素的位置是相對(duì)于整個(gè)瀏覽器窗口的，而不是相對(duì)于父元素。一般要配合top、left屬性使用。

2、第二句代碼

_top:expression(eval(document.documentElement.scrollTop));

top屬性是定義元素的頂部在網(wǎng)頁(yè)中的位置，而CSS中的expression屬性是用來(lái)調(diào)用Javascript代碼。所以expression后面的括號(hào)中就是一行Javascript代碼。

eval(document.documentElement.scrollTop);

其中，document.documentElement.scrollTop 的意思是獲取當(dāng)前頁(yè)面滾動(dòng)條所滾動(dòng)到的位置的數(shù)值，而再用eval()函數(shù)把它計(jì)算成數(shù)值。

所以這句代碼最終的意思就是：你瀏覽器窗口的滾動(dòng)條滑到哪，這個(gè)元素的位置就在哪。

3、前面的下劃線是CSS Hack中的用法，用來(lái)區(qū)分不同的瀏覽器以解決兼容問(wèn)題，此處的下劃線只有IE6能識(shí)別，而IE7、IE8、Firefox等瀏覽器是識(shí)別不了的，所以這兩行代碼只對(duì)IE6有效，其他瀏覽器是忽略它們的。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com