position:fixed的兼容方案

大家都知道,固定定位对于低版本浏览器不兼容,如何解决,看下边方案。

 <style>
           *{
            margin:0;
            padding:0;
           }
        .box{
            width:200px;
            height:200px;
            background:red;
            position:absolute;
            right:0;
            bottom:0;
        }
          body{
            height:2000px;
          }
    </style>
  <body>
    <div class="box">
    </div>
</body>
 <script>
     var box = document.getElementsByClassName('box')[0]; 
           window.onload = window.onscroll = function () { 
        var sct = document.documentElement.scrollTop || document.body.scrollTop;     
        box.style.top = sct-box.offsetHeight+document.documentElement.clientHeight+'px'
     
     }
</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,796评论 1 92
  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AGI阅读 16,009评论 3 119
  • 前端开发者丨http请求 https:www.rokub.com 前言见解有限, 如有描述不当之处, 请帮忙指出,...
    麋鹿_720a阅读 10,985评论 11 31
  • 晚23点34分,自虐第十六天。今天胡大夫给我做了个诊断。结果是中度抑郁症 。一开始看得分的时候,怎么才48分。再看...
    寒石君阅读 174评论 0 0
  • 二零一五年冬月十一日,25周岁生日。终于不能再嘚瑟地跟别人说,我24。早上还未起床,老爷子电话就进来了。姥爷子擅长...
    SunnyLeaf阅读 2,494评论 0 1