H5+C3+JS实现楼层跳跃特效的方法
这篇文章主要介绍H5+C3+JS实现楼层跳跃特效的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
我们拥有十载网页设计和网站建设经验,从网站策划到网站制作,我们的网页设计师为您提供的解决方案。为企业提供成都做网站、网站制作、微信开发、小程序制作、手机网站制作、html5、等业务。无论您有什么样的网站设计或者设计方案要求,我们都将富于创造性的提供专业设计服务并满足您的需求。
楼层跳跃式的页面布局
- 第一区域
- 第二区域
- 第三区域
- 第四区域
- 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 } }
以上是H5+C3+JS实现楼层跳跃特效的方法的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
名称栏目:H5+C3+JS实现楼层跳跃特效的方法
标题链接:http://azwzsj.com/article/iejcho.html