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

这次给大家带来H5+C3+JS实现楼层跳跃特效，H5+C3+JS实现楼层跳跃特效的注意事项有哪些，下面就是实战案例，一起来看一下。

 
 
 



 
第一区域
 
第二区域
 
第三区域
 
第四区域


 
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
 }
}

相信看了本文案例你已经掌握了方法，更多精彩请关注 第一PHP社区 其它相关文章！

推荐阅读：

Echarts实现动态变色柱状图

jquery实现全选反选单选

jQuery操作背景颜色渐变动画效果

以上就是H5+C3+JS实现楼层跳跃特效的详细内容，更多请关注 第一PHP社区 其它相关文章！