固定层在浏览器的右下角

最新推荐文章于 2024-06-25 06:17:50 发布

yjfnypm

最新推荐文章于 2024-06-25 06:17:50 发布

阅读量455

点赞数

分类专栏：网页文章标签：浏览器 function xhtml html

本文链接：https://blog.csdn.net/yjfnypm/article/details/6095962

版权

网页专栏收录该内容

1 篇文章 0 订阅

订阅专栏

转自搜孤晶伟-搜狐博客

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>固定层在浏览器的右下角</title>
<head>
<style>
*{margin:0}
body{
height:1000px;
width:1000px;
}
#a{
width:300px;
height:100px;
background:red;
}
</style>
<script>
var isie6 = window.XMLHttpRequest?false:true;
window.onload = function(){
    var a = document.getElementById('a');
    var d = document.getElementById('d');
   if(isie6){
         a.style.position = 'absolute';

         window.onscroll = function(){
              d.innerHTML = '';
          }
   }else{
      a.style.position = 'fixed';
   }
      a.style.right = '0';
      a.style.bottom = '0';
}
</script>
</head>
<body>
<div id ="d" style="display:none;"></div>
<div id='a'>test</div>
</body>
</html>