日志

首页 > Blog > 技术笔记 > 正文

兼容所有浏览器滚动悬浮 css的fixed属性

客服系统经常会用到固定漂浮滚动,为了代码精简提升页面加载速度,我们需要尽量不采用js代码,在这里可以使用css的fixed来实现。下面的代码可以实现窗口固定位置显示,使元素不管浏览器宽度多少,均能紧贴在body页面左侧。(以body宽度为1000px为例){

客服系统经常会用到固定漂浮滚动,为了代码精简提升页面加载速度,我们需要尽量不采用js代码,在这里可以使用css的fixed来实现。

下面的代码可以实现窗口固定位置显示,使元素不管浏览器宽度多少,均能紧贴在body页面左侧。(以body宽度为1000px为例)

{

position: fixed;

_position: absolute;

_top: e­xpression(eval(document.documentElement.scrollTop));

_margin-top: 100px;

left: 50%;

_left: 50%;

top: 100px;

_top: 100px;

margin-left: -600px;

width: 100px;

z-index: 9999;

}


本网网址:http://www.bogoor.com/code/75.html