jquerycenter是页面上的滚动元素

我有一个小jQuery脚本，它可以执行以下操作： 1.检查将移动的div的高度（.product_左页） 2.检查上述元素（.product content columns）的容器高度 3.增加.product_page-left div的上边距，使其等于用户滚动的像素量 4.如果.product_page-left div到达包含div的底部或顶部，则停止滚动功能

    <script type="text/javascript">
        $(window).scroll(function(){
        var offsetHeight = 200;
        var marginTop = $(window).scrollTop() - offsetHeight;
        var limit = $(".product-content-columns").height() - $(".product_page-left").height();
        if(marginTop < limit & marginTop > 0)
            $(".product_page-left").css("margin-top",marginTop);
        });
    </script>

$（窗口）。滚动（函数（）{
var离视=200；
var marginTop=$（window.scrollTop（）-offsetHeight；
变量限制=$（“.product content columns”）.height（）-$（“.product_page-left”）.height（）；
如果（边际压力<极限&边际压力>0）
$（“.product_page-left”）.css（“页边空白顶部”，marginTop）；
});

这一切都很好，只有一个问题。我添加了变量“offsetHeight”，并将其值设为200，以防止移动的div停留在页面底部。但是，200像素偏移仅使分辨率为my的屏幕的移动div居中

我需要以某种方式修改offsetHeight变量，使所有屏幕分辨率的移动div居中。关于如何实现这一点有什么想法吗

您可以在我的网站上查看此live，网址为：