日志

首页 > 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