今天用到的几个CSS常用位置变量

        $(".list").mouseenter(function () {

            var curSpan = $(this).find("span");

            curSpan.show();

            //alert("OffsetTop:" + curSpan.offset().top + " Height:" + curSpan.outerHeight() + " WindowHeight:" + $(window).height() + " ScrollTop:" + $(window).scrollTop());

            var overHeight = (curSpan.offset().top + curSpan.outerHeight()) - ($(window).height() + $(window).scrollTop());

            if (overHeight > 0) {

                var originalTop = curSpan.css("top").replace("px","");

                curSpan.css("top", originalTop - overHeight + "px");

            }

        });

　　curSpan.offset().top ：元素顶部到浏览器窗体可视区域顶部的绝对距离（内含滚动条滚过的高度）

　　curSpan.outerHeight() ： 元素（最外层盒子）的整体高度

　　$(window).height() ： 浏览器可视区的高度，不含滚动条滚过的部分

　　$(window).scrollTop() ：窗体滚动条滚过的高度