网站首页 > 基础教程 正文
页面被卷去的头部,有兼容性问题,因此被卷去的头部通常有如下几种写法:
1. 声明了 DTD,使用 document.documentElement.scrollTop
2. 未声明 DTD,使用 document.body.scrollTop
3. 新方法 window.pageYOffset和 window.pageXOffset,IE9 开始支持
解决方式:封装一个函数
function getScroll() {
return {
left: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0,
top: window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0
};
使用的时候
getScroll().left
猜你喜欢
- 2024-11-10 好程序员web前端教程分享前端 javascript 练习题
- 2024-11-10 好程序员分享javascript中的常见的兼容写法
- 2024-11-10 利用这个css属性,你也能轻松实现一个新手引导库
- 2024-11-10 【前端】两种视口的故事(一) 视口定义在哪个标签中
- 2024-11-10 如何区分clientX、clientY、pageX、pageY、offsetX、offsetY……
- 2024-11-10 BetterScroll源码阅读顺便学习TypeScript
- 2024-11-10 如何成为别人嘴里的高级前端工程师?
- 2024-11-10 Vue实战065:ScrollBehavior实现路由记录滚动行为
- 2024-11-10 布局视口,视觉视口,理想视口 布局与视口的概念
- 2024-11-10 my97日期控件弹出位置显示异常 日期控件开发工具在哪
- 最近发表
- 标签列表
-
- gitpush (61)
- pythonif (68)
- location.href (57)
- tail-f (57)
- pythonifelse (59)
- deletesql (62)
- c++模板 (62)
- css3动画 (57)
- c#event (59)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- exec命令 (59)
- canvasfilltext (58)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- node教程 (59)
- console.table (62)
- c++time_t (58)
- phpcookie (58)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)