css让div层固定在底部,不随滚动条移动

css让div层固定在底部,不随滚动条而滚动,主要是利用了css的绝对定位position:fixed,让层固定在页面的底部,这个很适用到手机站固定底部的菜单。下面是css 代码:

@charset "utf-8";
/* CSS Document */
.bottom {
	width: 100%;
	position:fixed!important;
	position:absolute;
	bottom:0px!important;
	bottom:auto;
    top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+(documentElement.clientHeight - this.clientHeight):document.body.scrollTop+(document.body.clientHeight - this.clientHeight));
}

position:fixed 是优先固定在某个位置的

top:这个是跟javascript结合,随着滚动条的滚动,让层一直是固定在网站的底部的,不随着滚动条的滚动而滚动,达到固定的作用。


本文永久地址:http://www.huanghaiping.com/article/6.html
本文出自 黄海平博客 ,转载时请注明出处及相应链接。

发表我的评论
  

网友最新评论 (0)

暂无评论
返回顶部