jquery产品展示滚动

$(document).ready(function(){
    var scrollSpeed = 20; // 滚动速度
    var scrollAmount = 1; // 每次滚动的像素数
    var $scrollContainer = $('#scroll-container'); // 滚动容器
    var $scrollContent = $scrollContainer.children(); // 滚动内容

    function scrollContent() {
        $scrollContainer.animate({
            scrollTop: '+=' + scrollAmount
        }, scrollSpeed, 'linear', function() {
            if ($scrollContainer.scrollTop() >= $scrollContent.height()) {
                $scrollContainer.scrollTop(0); // 滚动到底部后重置位置
            }
            scrollContent(); // 递归调用，实现持续滚动
        });
    }

    scrollContent(); // 启动滚动效果
});

<div id="scroll-container" style="overflow:hidden; height:300px;">
    <div>产品1</div>
    <div>产品2</div>
    <div>产品3</div>
    <!-- 更多产品 -->
</div>