简单实现js间歇或无缝滚动效果

前端之家收集整理的这篇文章主要介绍了简单实现js间歇或无缝滚动效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

间歇、无缝滚动效果(用gif录制的效果不是很好,有兴趣的可以down代码),具体内容如下

代码

<Meta charset="UTF-8"> 无缝滚动
Box">
Box">

注意点: 1.盒子块要css 溢出隐藏:overflow:hidden 2.有两个功能:间歇滚动/无缝滚动 3.先复制一块一模一样的代码,无缝滚动:执行定时器一直增加scrollTop值,当scrollTop值大于盒子高度,在设置scrollTop为0,重新来过。间歇滚动在此基础上加了setTimeout,间歇执行,在scrollTop到达指定的height停止 4.疑问:代码中setInterval(function(){scrollIng()},30);这样写才可以执行,setInterval('scrollIng()',30);这样就不行,有没有大神指导下,两者有啥区别?是啥机制?

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的JavaScript相关文章