文字无缝滚动 jquery

<div class="scroll-container">
    <div class="scroll-content">
        <span>新闻1</span>
        <span>新闻2</span>
        <span>新闻3</span>
        <!-- 更多新闻 -->
    </div>
</div>

.scroll-container {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.scroll-content {
    white-space: nowrap;
    position: absolute;
}

$(document).ready(function() {
    var $scrollContent = $('.scroll-content');
    var scrollSpeed = 20; // 滚动速度

    function scrollText() {
        $scrollContent.animate({ left: '-=100px' }, scrollSpeed, function() {
            $scrollContent.css('left', '100%');
            $scrollContent.append($scrollContent.find('span:first'));
            scrollText();
        });
    }

    scrollText();
});