文本在屏幕上不断滚动

<style>
    .scroll-text {
        overflow: hidden;
        animation: scroll 10s linear infinite;
    }

    @keyframes scroll {
        0% {
            transform: translateY(0);
        }
        100% {
            transform: translateY(-100%);
        }
    }
</style>

<div class="scroll-text">
    <p>这里是要滚动的文本内容</p>
</div>

<div id="scroll-text">
    <p>这里是要滚动的文本内容</p>
</div>

<script>
    var scrollText = document.getElementById("scroll-text");
    var textHeight = scrollText.offsetHeight;
    var scrollHeight = 0;

    function scroll() {
        scrollHeight++;
        if (scrollHeight >= textHeight) {
            scrollHeight = 0;
        }
        scrollText.style.transform = "translateY(-" + scrollHeight + "px)";
        requestAnimationFrame(scroll);
    }

    scroll();
</script>