Javascript 实现全屏滚动实例代码

前端之家收集整理的这篇文章主要介绍了Javascript 实现全屏滚动实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

JS 全屏滚动

参照fullPage.js的效果,用自己的想法实现的。

实现的效果:1、全屏滚动,滚动一下齿轮就会滚动全屏。

2、自适应缩放,无论怎么改变窗口的大小,都会保证用一个元素占满全屏。

下一步计划:

效果

注释写的很清楚,基本上知道函数怎么用就可以了。有想法这东西就很简单。

这里偷懒使用了我之前写过的一个运动框架(其实就是一个函数),稍加修改就可以在这上面使用。框架相关:点击这里

注释非常详细了,就不说其他的了。直接上代码

<Meta charset="UTF-8"> index

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持

猜你在找的JavaScript相关文章