本文主要是介绍JS div内容滚动条自动上下来回滚动，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
div滚动条内容自动上下来回滚动
例图：
代码：
/** stepLength：一次滚动步长* speed：滚动速度* delay：停留时间* element：Element对象* element.offsetHeight 元素的像素高度（包括边框和填充）* element.scrollTop 元素的内容垂直滚动的像素* element.scrollHeight 元素的高度（包括带滚动条的隐蔽的地方）*/function autoScroll(stepLength, speed, delay, element) {let interval//let step = 1element.scrollTop = 0function start() {interval = setInterval(scrolling, speed)element.scrollTop += stepLength}function scrolling() {var sTop = element.scrollTop;element.scrollTop += stepLength;if (sTop === element.scrollTop || sTop == 0||element.scrollTop === (element.scrollHeight - element.offsetHeight)) {stepLength *= -1 // 转换方向clearInterval(interval)setTimeout(start, delay)}}if (element.offsetHeight !== element.scrollHeight) { // 元素内容没有溢出时，不触发setTimeout(start, delay)}}// 调用
const element = document.getElementById('dvBirthday');
autoScroll(5, 1000, 1500, element);
这篇关于JS div内容滚动条自动上下来回滚动的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
