主要介绍了原生JS实现列表内容自动向上滚动效果，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下

效果展示 （鼠标移入，滚动停止；鼠标移出，滚动继续） 实现原理 　　1. html结构：核心是ul > li，ul外层包裹着div。因为想要内容循环滚动无缝衔接，所以在原有ul后面还要有一个一样内容的ul。如下图： 　　   （红色边框为可视区域div，此处为了方便查看效果去除overflow:hidden；） 　　2. 样式方面：由于要滚动，所以必须2个ul的高度 > 外层可视div高度，且div必须设置overflow：hidden; 代码实现 HTML：