获取页面可视区的高度·DOCTYPE的作用·将滚动条定位到具体的元素
来源:互联网 发布:mac 新建智能文件夹 编辑:程序博客网 时间:2024/06/01 17:41
1.获取页面可视区的高度
有两个获取页面可视区的高度,
document.documentElement.clientHeight
,document.body.clientHeight
,这两个的区别是页面是否使用兼容模式,即是否使用<!DOCTYPE>
。document.documentElement是整个html文档的内容,而document.body只是整个body的内容。
当页面有
<!DOCTYPE>
时,document.documentElement.clientHeight
指的是页面可视高度,而后者指的是页面中body中的内容高度,并不包括JS添加的部分。当页面没有
<!DOCTYPE>
时,document.documentElement.clientHeight
指的是页面的高度(页面可视的高度+页面被卷去的高度($('html,body').scrollTop()
)),后者指的是页面的可视区高度。
不管是加没加头声明都能正确的获取可视区高度的方法
javascript
var noDOC = document.body;
var hasDOC = document.documentElment;
var mode = (document.compatMode === "CSS1Compat");
var seenHeight = mode ? hasDOC.height : noDOC.height;
2.DOCTYPE的作用 <!DOCTYE>
的作用是声明文档的解析类型为兼容模式,避免怪异模式。
document.compatMode:
BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。
这个属性会被浏览器识别并使用,但是如果你的页面没有DOCTYPE的声明,那么compatMode默认就是BackCompat。
3.将滚动条定位到具体的位置
$("html,body").animate({scrollTop:$("").offset().top},1);
- 获取页面可视区的高度·DOCTYPE的作用·将滚动条定位到具体的元素
- 获取滚动条当前的位置,当前可视范围的高度,文档完整高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- jQuery 获取浏览器窗口可视区域的高度和宽度及滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- jq下获取浏览器窗口的可视区域高度和宽度,滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- QUERY 获取浏览器窗口可视区域的高度和宽度及滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- js/jquery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- JQuery获取浏览器窗口的可视区域高度和宽度,滚动条高度
- [javascript] js 获取页面可视区高度和滚动条高度
- 取窗口滚动条高度|取窗口可视范围的高度|取文档内容实际高度
- Servlet线程安全问题
- hdu5384(AC自动机+纪录重复单词出现的次数)
- Unity3D中实现动态加载Resources目录外的资源
- 线程通信初识和总结
- 如何安装Android Studio
- 获取页面可视区的高度·DOCTYPE的作用·将滚动条定位到具体的元素
- ajax 中关于URL路径及参数特殊字符问题
- 学习新语言
- android和java webservice RSA处理的不同
- Uiautomator——实例分析——唯品会的优物
- Neutron OVS Bridge 连接方式 (veth pair / ovs peer) 的选型和性能测试
- Linux系统管理员需要知道的16个服务器监控命令
- JSP存放在 WEB-INF 跟webroot的区别
- vmware虚拟机Windows 2003上网问题