资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

H5+C3+JS实现楼层跳跃特效的方法

这篇文章主要介绍H5+C3+JS实现楼层跳跃特效的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

我们拥有十载网页设计和网站建设经验,从网站策划到网站制作,我们的网页设计师为您提供的解决方案。为企业提供成都做网站、网站制作、微信开发、小程序制作手机网站制作html5、等业务。无论您有什么样的网站设计或者设计方案要求,我们都将富于创造性的提供专业设计服务并满足您的需求。




 楼层跳跃式的页面布局
 
 


  • 第一区域
  • 第二区域
  • 第三区域
  • 第四区域
  1. 1
  2. 2
  3. 3
  4. 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://cdkjz.cn/article/iejcho.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220