最新下载
热门教程
- 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
}
}
相关文章
- 对决剑之川叶雨时厉害吗 07-22
- 盘点性价比高的购票软件哪个更好 便宜的购票软件排行榜 07-22
- 英语app排行榜前十名有哪些 常用英语app大全 07-22
- 比较靠谱的免费软件app合集 靠谱的软件有哪些 07-22
- black souls2大胃袋成就解锁攻略 07-22
- 考试酷网页版登陆入口-考试酷网页版学生登陆 07-22