JS div内容滚动条自动上下来回滚动

div滚动条内容自动上下来回滚动

例图：

代码：

		/*
        * stepLength：一次滚动步长
        * speed：滚动速度
        * delay：停留时间
        * element：Element对象
        * element.offsetHeight 元素的像素高度（包括边框和填充）
        * element.scrollTop 元素的内容垂直滚动的像素
        * element.scrollHeight 元素的高度（包括带滚动条的隐蔽的地方）
        */
        function autoScroll(stepLength, speed, delay, element) {
    
    
            let interval
            //let step = 1
            element.scrollTop = 0
            function 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);