水平滚动到屏幕中间

Question

我是新手并且已经在某处读过这段代码，我无法理解它。 实际上，关键是代码试图使水平图库如果点击img然后它将滚动到屏幕的中心。 这是jquery代码

jQuery(document).ready(function ($) {
    $("#topThumbs li").click(function () {

        var windowWidth = jQuery(window).width() / 2;
        var index = $(this).index();
        var thisImg = $("#thumbsList li img:eq(" + index + ")");
        var imagewidth = thisImg.width() / 2;
        $('html, body').animate({
            scrollLeft: ((thisImg.offset().left) - windowWidth + imagewidth)
        }, 1300);
    });
});

现在我想在纯粹的javascript中做到这一点。 我无法弄清楚它是如何完成的。

首先，捕获窗口大小，完成一半  然后，捕获图像大小并完成它的一半。 但我无法理解<{1}}：正在做什么。 请帮我。 感谢。