function scrollToCenter(elementSelector, containerSelector) {
    // 获取目标元素和容器
    var $element = $(elementSelector);
    var $container = $(containerSelector);
    
    // 计算滚动位置
    var containerHeight = $container.height();
    var elementHeight = $element.outerHeight();
    var elementOffset = $element.position().top;
    
    // 计算居中位置
    var scrollTo = elementOffset - (containerHeight / 2) + (elementHeight / 2);
    
    // 执行滚动动画
    $container.stop().animate({
        scrollTop: scrollTo
    }, 500);
}

<div id="scroll-container" style="height: 300px; overflow-y: auto; border: 1px solid #ccc;">
    <div class="item">Item 1</div>
    <div class="item">Item 2</div>
    <div class="item">Item 3</div>
    <div class="item">Item 4</div>
    <div class="item">Item 5</div>
    <div class="item" id="target-item">Target Item (will be centered)</div>
    <div class="item">Item 7</div>
    <div class="item">Item 8</div>
    <div class="item">Item 9</div>
    <div class="item">Item 10</div>
</div>

<button onclick="scrollToCenter('#target-item', '#scroll-container')">滚动到目标元素</button>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
// 上面的scrollToCenter函数代码放在这里
</script>

function scrollToCenter(elementSelector, containerSelector, callback) {
    var $element = $(elementSelector);
    var $container = $(containerSelector);
    
    var containerHeight = $container.height();
    var elementHeight = $element.outerHeight();
    var elementOffset = $element.position().top;
    
    var scrollTo = elementOffset - (containerHeight / 2) + (elementHeight / 2);
    
    $container.stop().animate({
        scrollTop: scrollTo
    }, 500, function() {
        if (typeof callback === 'function') {
            callback();
        }
    });
}