关于window.pageYOffset和document.documentElement.scrollTop_javascript技巧

举个例子:
Css:假定进行如下简单设置;
html{height:1000px;}
JS:

复制代码 代码如下:

function(){
window.scrollBy(0,100);
alert(window.pageYOffset);
}

Results:
//点击一次后弹出:100;得出的是一个数值,read-only属性;value:Integer(整数),default:0;
附注:当滚动条到达页面最底部时,window.pageYOffset=1000-document.documentElement.clientHeight;

时间: 2024-09-22 15:36:51

关于window.pageYOffset和document.documentElement.scrollTop_javascript技巧的相关文章

document.documentElement && document.documentElement.scrollTop_javascript技巧

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

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

IE6在页面内容超出窗口大小时将宽度属性scrollWidth.clientWidth.offsetWidth都解释为内容实际宽度. 上次的测试说明了document.body属性并不会给我们返回预期的结果,比如我们用document.body.clientHeight原本想取得"页面可见区域高度",可实际上返回的是"页面实际内容高度". 那我们怎么办呢?难道加上了文档DTD类型之后就再也不能取到"可见区域高度"和"内容实际宽度&quo

由document.body和document.documentElement想到的_javascript技巧

对于document.compatMode,很多朋友可能都根我一样很少接触,知道他的存在却不清楚他的用途.其实这个对于我们开发兼容性的web页面还是很有帮助,我们都知道,盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的,在不声明Doctype的情况下,浏览器默认是Quirks Mode.所以为兼容性考虑,我们可能需要获取当前的文档渲染方式. document.compatMode正好派上用场,它有两种可能的返回值:BackCompat和CSS1Compat,对其

document.documentElement的一些使用技巧_javascript技巧

复制代码 代码如下: --documentElement 属性可返回文档的根节点. <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> function shownode() { var ohtml = document.documentElement; //al

window.location和document.location的区别分析_javascript技巧

document.location 这个对象包含了当前URL的信息 location.host 获取port号 location.hostname 设置或获取主机名称 location.href 设置或获取整个URL location.port设置或获取URL的端口号 location.search 设置或获取href属性中跟在问号后面的部分 -----------------------------------------------------------------------------

document.documentElement和document.body区别介绍_javascript技巧

区别: body是DOM对象里的body子节点,即 <body> 标签: documentElement 是整个节点树的根节点root,即<html> 标签: 没使用DTD情况即怪异模式BackCompat下: 复制代码 代码如下: document.documentElement.clientHeight=0document.body.clientHeight=618 使用DTD情况即标准模式CSS1Compat下: 复制代码 代码如下: document.documentEle

window.onload与$(document).ready()的区别分析_javascript技巧

本文实例讲述了window.onload与$(document).ready()的区别.分享给大家供大家参考.具体分析如下: window.onload是Javascript中得函数,意思是:等待网页中所有内容加载完毕之后(包括图片): 而$(documetn).ready()是在网页中的所有DOM结构绘制完毕之后就可以执行了,可能有与DOM关联的元素还没有加载完,所以相比之下更快一些: 比如举个简单的例子: window.onload=function(){ alert('I am No.1'

深入浅析JavaScript中的scrollTop_javascript技巧

含义:滚动条高度 作用:滚动加载(ajax),滚动导航固定定位,滚动弹框定位等等. 展示滚动导航和侧边栏滚动固定定位的效果: 1.chrome浏览器 document.body.scrollTop和document.documentElement.scrollTop都可以 2.各浏览器下 scrollTop的差异 IE6/7/8/9/10: 对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 : 对于有doctype声明的页

js中document.documentElement和document.body用法区别

网页中获取滚动条卷去部分的高度,可以通过 document.body.scrollTop 来获取,比如使div跟着滚动条滚动:  代码如下 复制代码 <div id="div" style="width:100px;height:100px;background:#ccc;position:absolute;"></div> window.onscroll = function () {     var div = document.getE