整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
动距离
document.body.scrollTop IE、FF
document.documentElement.scrollTop chrome
兼容性写法:
var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;与 document.documentElement 属性不同的是, document.body 属性返回 <body> 元素, document.documentElement 属性返回 <html> 元素。
根节点
有两种特殊的文档属性可用来访问根节点：
document.documentElement chome object HTMLHtmlElement
document.body IE、FF object HTMLBodyElement
第一个属性可返回存在于XML以及HTML文档中的文档根节点(html标记)。
第二个属性是对HTML页面的特殊扩展,提供了对<body>标签的直接访问(body标记)。
窗口尺寸、工作区尺寸
可视区尺寸宽度
document.body.clientWidth IE、FF
document.documentElement.clientWidth chome
兼容性写法：
document.documentElement.clientWidth || document.body.clientWidth;可视区尺寸高度
document.body.clientHeight IE、FF
document.documentElement.clientHeight chome
兼容性写法：
document.documentElement.clientHeight || document.body.clientHeight;获取浏览器窗口水平滚动条的位置
document.body.scrollLeft;
document.documentElement.scrollLeft
兼容性写法：
document.documentElement.scrollLeft || document.body.scrollLeft;获取浏览器窗口垂直滚动条的位置
document.body.scrollTop IE、FF
document.documentElement.scrollTop chrome
兼容性写法：
document.documentElement.scrollTop || document.body.scrollTop;注意：IE、FF已经支持documentElement对象的各种属性, 而
以上兼容性写法不影响所获的属性值
编写自定义函数：
// 获取浏览器窗口的可视区域的宽度
function getViewPortWidth() {
return document.documentElement.clientWidth || document.body.clientWidth;
}// 获取浏览器窗口的可视区域的高度
function getViewPortHeight() {
return document.documentElement.clientHeight || document.body.clientHeight;
}// 获取浏览器窗口水平滚动条的位置
function getScrollLeft() {
return document.documentElement.scrollLeft || document.body.scrollLeft;
}// 获取浏览器窗口垂直滚动条的位置
function getScrollTop() {
return document.documentElement.scrollTop || document.body.scrollTop;
}<!DOCTYPE HTML>声明对JavaScript获取窗口宽度和高度的影响
了让我们的信息能够有效地沟通，我们需要创建用户和我们的媒体之间的强有力的联系。今天我们就来探讨在网络上呈现故事的新方法，并为此创造了一个开源和免费使用的 JavaScript 库称为 space.js。该库是 HTML 驱动的，这意味着你不需要在网站上写一行 JavaScript 代码就可以，仍然有很大的灵活性。
预览：
http://www.slashie.org/space.js/
下载地址：
http://www.qietu.cn/thread-15154-1-1.html
----------
加微信公众号qietuwang，获取最新资讯
ad ~ 自学3月前端找不到工作？ 切图网 旗下首个web前端真实项目实战培训品牌 切入口即将开班，让你的简历丰富不止3倍，详情请加前端讲师qq 6133576 获取最新开班通知，web前端学习千人群：469861419
影预告动态滚动效果图
效果所用知识点：html常用标签, css浮动定位盒模型，javascript自定义动画、鼠标跟随移动特效等。
如果有正在学习前端的伙伴，不知道怎么学习的可以加一下我的前端群589651705，每天都会分享一些企业级的知识和特效分享。
精美选项卡特效源码：
中间布局只是UL，li就不发出来了。
需要更多的炫酷企业级练习特效，学习方法和面试技巧，敬请关注本头条号！
*请认真填写需求信息，我们会在24小时内与您取得联系。
