欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

固定底部 css

固定底部CSS是指通過(guò)CSS樣式文件中的一些屬性值,實(shí)現(xiàn)在頁(yè)面底部固定某個(gè)元素,這種技術(shù)在網(wǎng)頁(yè)布局中非常常見(jiàn)。

下面來(lái)介紹一下在CSS中實(shí)現(xiàn)固定底部的方法。

position: fixed;
bottom: 0;

以上代碼是實(shí)現(xiàn)固定底部的關(guān)鍵屬性值,position:fixed是指使該元素固定在頁(yè)面上,不會(huì)隨著頁(yè)面的滾動(dòng)而移動(dòng)。

bottom:0是指該元素距離頁(yè)面底部為0個(gè)像素,也就是固定在頁(yè)面底部。

在實(shí)際使用中,我們還需要考慮一些兼容性問(wèn)題,例如在IE6下,position:fixed屬性是無(wú)法起效的。

所以,我們可以通過(guò)jquery實(shí)現(xiàn)對(duì)IE6的兼容性,代碼如下:

$(function(){
if(/msie 6/i.test(navigator.userAgent)){
$('#fixedDiv').css('position','absolute');
$(window).scroll(function(){
$('#fixedDiv').css('top',$(document).scrollTop()+$(window).height()-$('#fixedDiv').height());
});
}
});

以上代碼意味著,如果瀏覽器版本為IE6,則通過(guò)設(shè)置元素的position為absolute來(lái)實(shí)現(xiàn)固定效果,在window滾動(dòng)時(shí),重新計(jì)算元素的位置。

以上是關(guān)于固定底部CSS的介紹,希望能對(duì)你的網(wǎng)頁(yè)布局工作有所幫助。