`
编程足球
  • 浏览: 251082 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

document.body属性.document.body.scrollTop

 
阅读更多
1、若网页中含有< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >这一行代码,则应该使用document.documentElement
2、若网页中只有而没有上面的一行代码,则JS脚本应该使用document.body

document.body.clientWidth; //网页可见区域宽
document.body.clientHeight;//网页可见区域高
document.body.offsetWidth ;//网页可见区域宽(包括边线的宽);
document.body.offsetHeight //网页可见区域高(包括边线的宽);
document.body.scrollWidth;//网页正文全文宽:
document.body.scrollHeight;//网页正文全文高:
document.body.scrollTop;//网页被卷去的高:
document.body.scrollLeft;//网页被卷去的左
window.screenTop;//网页正文部分上(页面与显示器的边框)
window.screenLeft;//网页正文部分左(页面与显示器的边框)
window.screen.height;//屏幕分辨率的高(显示器分辨率)
window.screen.width;//屏幕分辨率的宽(显示器分辨率)
window.screen.availHeight;//屏幕可用工作区高度
window.screen.availWidth;//屏幕可用工作区宽度


3. 下面是我自己写的测试代码


  • 大小: 100.6 KB
分享到:
评论

相关推荐

    document.body.scrollTop用法

    document.body.scrollTop用法

    解决VUE中document.body.scrollTop为0的问题

    Vue中document.body.scrollTop的值总为零的解决办法 最近在做vue的时候监听页面滚动发现document.body.scrollTop一直为0 但是发现document.body.scrollTop一直是0。 查资料发现是DTD的问题。 页面指定了DTD,即指定...

    火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题

    火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题

    document.body.scrollTop 值总为0的解决方法 比较常见的标准问题

    做页面的时候可能会用到位置固定的层,读取 document.body.scrollTop 来设置层的位置,像这样:­ [removed] = function (){ var oFix = document.getElementById(“divfix”); oFix.style.top = document.body....

    Document.body.scrollTop的值总为零的快速解决办法

    var sTop = document.body.scrollTop; if(sTop&gt;100){ document.getElementById(sm_top).style.display=block; }else{ document.getElementById(sm_top).style.display=none; } 但是发现document.body.scrollTop...

    用document.documentElement取代document.body的原因分析

    上次的测试说明了document.body属性并不会给我们返回预期的结果,比如我们用document.body.clientHeight原本想取得“页面可见区域高度”,可实际上返回的是“页面实际内容高度”。 那我们怎么办呢?难道加上了文档...

    scrollLeft,scrollTop等等详解.pdf

    网页被卷去的高: document.body.scrollTop; 网页被卷去的左: document.body.scrollLeft; 网页正文部分上: window.screenTop; 网页正文部分左: window.screenLeft; 屏幕分辨率的高: window.screen.height; 屏幕...

    js获取页面及个元素高度、宽度的代码

    网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body....网页被卷去的高(ff):document.body.scrollTop; 网页被卷去的高(ie): do

    javascript scrollTop正解使用方法

    在实际应用中经常会遇到以下问题:document.documentElement.scrollTop在Chrome里总为0document.body.scrollTop 在IE和firefox里总为01、各浏览器下 window.pageYOffset/document.documentElement.scrollTop/...

    获取页面长宽和滚动条的位置

    y = document.body.scrollTop; x = document.body.scrollLeft; } return {X:x, Y:y}; } function main() { var div = document.getElementById("div"); for(var i=0; i; i++) { document....

    document.documentElement document.documentElement.scrollTop

    在标准的浏览器下,需要注意的东西,例如双击自动滚动 var diffY; if (document.documentElement && document.... else if (document.body) diffY = document.body.scrollTop else {/*Netscape stuff*/}

    js 调色板 纯js

    var top = document.body.scrollTop + event.clientY; if (event.clientX+clrPanel.style.pixelWidth &gt; document.body.clientWidth) { //对话框显示在鼠标右方时,会出现遮挡,将其显示在鼠标左方 left -= ...

    javascript获取网页宽高方法汇总

    document.body.clientWidth – 网页可见区域宽 document.body.clientHeight – 网页可见区域高 document.body.offsetWidth – 网页可见区域宽,包括边线和滚动条的宽 ...document.body.scrollTop – 有滚动条的时候,向

    不出现滚动条移动表格

    scrollTop=document.body.scrollTop; } return scrollTop; } /******************** * 取窗口可视范围的高度 *******************/ function getClientHeight() { var clientHeight=0; if...

    js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版

    网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body....网页被卷去的高: document.body.scrollTop;网页被卷去的左: document.body.scrollLeft

    菜单悬停顶部

    scrollTop = document.documentElement.scrollTop+document.body.scrollTop; height = document.getElementById("first").offsetTop; alert(scrollTop+" "+height); } function second(){ var top = 300; var...

Global site tag (gtag.js) - Google Analytics