css實現網頁布局隨滾輪變化響應移動_html/css
來源:懂視網
責編:小采
時間:2020-11-27 16:21:59
css實現網頁布局隨滾輪變化響應移動_html/css
css實現網頁布局隨滾輪變化響應移動_html/css_WEB-ITnose:_position:absolute; _top:expression(eval(document.documentElement.scrollTop)); 1、第一句代碼 _position:absolute; 這句代碼的意思是位置:絕對定位,也就是說元素的位置是相對于整個瀏覽器窗口的,而不是相對于父元素。一般要配合top、le
導讀css實現網頁布局隨滾輪變化響應移動_html/css_WEB-ITnose:_position:absolute; _top:expression(eval(document.documentElement.scrollTop)); 1、第一句代碼 _position:absolute; 這句代碼的意思是位置:絕對定位,也就是說元素的位置是相對于整個瀏覽器窗口的,而不是相對于父元素。一般要配合top、le

_position:absolute; _top:expression(eval(document.documentElement.scrollTop));
1、第一句代碼
這句代碼的意思是“位置:絕對定位”,也就是說元素的位置是相對于整個瀏覽器窗口的,而不是相對于父元素。一般要配合top、left屬性使用。
2、第二句代碼
_top:expression(eval(document.documentElement.scrollTop));
top屬性是定義元素的頂部在網頁中的位置,而CSS中的expression屬性是用來調用Javascript代碼。所以expression后面的括號中就是一行Javascript代碼。
eval(document.documentElement.scrollTop);
其中,document.documentElement.scrollTop 的意思是獲取當前頁面滾動條所滾動到的位置的數值,而再用eval()函數把它計算成數值。
所以這句代碼最終的意思就是:你瀏覽器窗口的滾動條滑到哪,這個元素的位置就在哪。
3、前面的下劃線是CSS Hack中的用法,用來區分不同的瀏覽器以解決兼容問題,此處的下劃線只有IE6能識別,而IE7、IE8、Firefox等瀏覽器是識別不了的,所以這兩行代碼只對IE6有效,其他瀏覽器是忽略它們的。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
css實現網頁布局隨滾輪變化響應移動_html/css
css實現網頁布局隨滾輪變化響應移動_html/css_WEB-ITnose:_position:absolute; _top:expression(eval(document.documentElement.scrollTop)); 1、第一句代碼 _position:absolute; 這句代碼的意思是位置:絕對定位,也就是說元素的位置是相對于整個瀏覽器窗口的,而不是相對于父元素。一般要配合top、le