document.documentElement.scrollTop||document.body.scrollTop

先粘贴一段滚动到一定高度,固定导航条出现的代码

menu

body{

height:2000px;

}

div#hello{

position:fixed;

top:300px;

width:100%;

height:30px;

border:1px solid black;

display:none;

}

onscroll=function()

{

var st=document.documentElement.scrollTop||document.body.scrollTop;

if(!hello.offsetWidth&&st>=300)

{

hello.style.display='block';

}

else if(!!hello.offsetWidth&&st<300)

{

hello.style.display='none';

}

}

Hello World!

其中document.documentElement.scrollTop与document.body.scrollTop都表示滚动条滚动的高度,但是两个同时出现的时候必有一个为0,具体为什么两个都写不写一个,我也很奇怪,求解答

两个同时出现必有一个为0

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. tab列表折叠效果 html: 能源系统事业部 岗位名称: 工作地点 岗位名...
    lilyping阅读 1,904评论 0 1
  • Window和document对象的区别 window对象window对象表示浏览器中打开的窗口window对象是...
    FConfidence阅读 2,257评论 0 5
  • 我们首先要明白,我们给页面添加效果用到的js到底是什么?js其实包含三部分:dom 文档对象模型 bom 浏览...
    一直以来都很好阅读 819评论 0 0
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,807评论 0 8
  • 第一次尝试用了毛笔来画画,不懂笔法和用墨,凭着感觉照猫画虎,不知道能不能称得上“国画”!和铅笔画的感觉是完全不同的...
    小鱼素素阅读 784评论 2 3