<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<div id="piao" style="width:300px; height:160px; float:right;background:#F00;"></div>
<div style="height:2000px;"></div>
<script>
var ig=document.getElementById("piao"); //获取要滚动的对像
var isIE = (document.all) ? true : false;
var isIE6 = isIE && ([/MSIE (\d)\.0/i.exec(navigator.userAgent)][0][1] == 6); //判断浏览器，因为fixed在IE6下有BUG，其它浏览器都支持
var Bind = function(object, fun) {
return function() {
return fun.apply(object, arguments);
}
}
ig.style.position ="fixed"; //这里是非IE6下设置属性
ig.style.zIndex="1000";
ig.style.right="0";
ig.style.bottom="0";
if(isIE6){ //这里是IE6下设置属性
ig.style.position ="absolute";
ig._fixed = Bind(ig, function(){
ig.style.marginTop = document.documentElement.scrollTop + "px";
ig.style.marginLeft = document.documentElement.scrollLeft + "px";});
ig._fixed()
window.attachEvent("onscroll", ig._fixed);
}
</script>
</body>
</html>
效果图如下：
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
