javascript实现页面滚屏效果

前端之家收集整理的这篇文章主要介绍了javascript实现页面滚屏效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

当我们浏览网页的时候,时常会碰到可以滚动屏幕的炫酷网页,今天笔者对这一技术进行简单实现,效果不及读者理想中那般炫酷,主要针对滚屏的技术原理和思想进行分享和分析。本示例在页面右侧有五个数字标签,代表五个页面,点击数字可以切换到对应的页面,滚动鼠标滑轮可以实现数字标签的切换,页面的切换。笔者未对页面的平稳滚动进行实现,读者可自行试验研究。

这是HTML代码

<Meta charset="UTF-8"> Document
Box" id="bigBox">
屏幕1
屏幕2
屏幕3
屏幕4
屏幕5
  • 2
  • 3
  • 4
  • 5

猜你在找的JavaScript相关文章