最新下载
热门教程
- 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
}
}
相关文章
- 地狱即我们时尚达人奖杯怎么获得 全棒球帽收集攻略 09-28
- 鸣潮第二索拉终极版第一关怎么通关-鸣潮第二索拉终极版第一关攻略分享 09-28
- 漫威秘法狂潮等级如何快速提升 09-28
- 逆战未来雪奴有什么打法技巧 09-28
- 明日方舟终末地黄票怎么使用 09-28
- 向僵尸开炮尘世巨蟒如何打 09-28