Question

我有一个小的jQuery脚本执行以下操作： 1.检查将移动的div的高度（.product_page-left） 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>

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

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

您可以在我的网站上查看： http://customshop.yandasmusic.com/custom-bass-guitars/build-your-own-music-man-classic-sting-ray-4

jQuery将页面上的滚动元素作为中心

0 个答案: