html楼层效果,纯HTML+CSS+javascript实现楼层跳跃式的页面布局(实例代码)_早秋_前端开发者...

实现效果演示:

59faf14d822767573beb4b488589e80f.gif

实现代码及注释:

/p>

myScroll.

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

}

}

总结

以上所述是小编给大家介绍的纯html+开发者网站的支持!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值