jquery文字上下滚动的实现方法

<div class="scroll-container">
    <div class="scroll-content">
        这里是需要滚动的文本内容。
    </div>
</div>

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

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

$(document).ready(function() {
    var $scrollContent = $('.scroll-content');
    var scrollSpeed = 2; // 滚动速度，单位为像素/秒

    function scrollText() {
        $scrollContent.animate({
            top: -$(window).height()
        }, 1000 * scrollSpeed, 'linear', function() {
            $scrollContent.css('top', $(window).height());
            scrollText();
        });
    }

    scrollText();
});

var scrollSpeed = 1; // 调整滚动速度

.scroll-container {
    height: 100px; // 调整容器高度
}

$scrollContent.animate({
    top: -$(window).height()
}, 1000 * scrollSpeed, 'linear', function() {
    $scrollContent.css('top', $(0));
    scrollText();
});