最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
纯html+css+javascript实现楼层跳跃式的页面布局（实例代码）
时间：2022-06-25 18:03:12 编辑：袖梨 来源：一聚教程网
实现效果演示：
实现代码及注释：
楼层跳跃式的页面布局
- 第一区域
- 第二区域
- 第三区域
- 第四区域
- 1
- 2
- 3
- 4
myScroll.js
function scroll() {
// 开始封装自己的scrollTop
if(window.pageYOffset !== undefined) {
// ie9+ 高版本浏览器
// 因为 window.pageYOffset 默认的是0,所以需要判断
return {
left: window.pageXOffset,
top: window.pageYOffset
}
}
else if(document.compatMode === "CSS1Compat") {
// 标准浏览器,来判断有没有声明DTD
return {
left: document.documentElement.scrollLeft,
top: document.documentElement.scrollTop
}
}
return {
// 未声明 DTD
left: document.body.scrollLeft,
top: document.body.scrollTop
}
}