网页块级元素悬停效果的实现原理

$(document).ready(function(){
    var target = $(‘你想悬停的div‘);
    var positionTop = target.position().top; // 计算target距离文档原点的高度，所以target的父元素最好没有potision属性
    var positionLeft = target.position().left;
    $(window).scroll(function(){
        var scrollTop = $(window).scrollTop();
        if (scrollTop >= positionTop)
        {
            target.css({position:‘fixed‘,left:positionLeft,top:0}); // 当滚动距离大于positionTop时，将target的position改为fixed
        }
        else
        {
　　　　　　　target.css({position:‘static‘,left:positionLeft,top:positionTop}); // 当滚动距离小于postioinTop时，将target的position改为static
        }
    });
});