指定位置悬浮封装

Js
function menuFixed(id){
  var obj = document.getElementById(id);
  var _getHeight = obj.offsetTop;
  window.onscroll = function(){
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
    if(scrollTop == _getHeight){
      obj.style.position = 'relative';
    }else{
      obj.style.position = 'fixed';
    }
  }
}
Html
<div id="nav"abcd</div>
<script>
  window.onload = function(){
    menuFixde('nav');
  }
</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 北京2018年4月1日上午,NBA常规赛勇士客战国王的比赛中,发生了令人痛心不已的一幕。比赛进行到第三节还有41...
    Curry_宇阅读 5,011评论 1 1
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,136评论 0 3
  • document.write(''); } if ( (document.cookie && document.c...
    一副怂样阅读 4,001评论 0 1
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,132评论 1 45
  • 周日,我们一家去松山湖游玩。 先是在一处新开辟的景点里泛舟湖面,后去松佛路一家生意好到没人性的湘菜馆吃午饭(说它没...
    橡柳阅读 2,726评论 7 5