jQuery监听页面滚动

在html页面中，有时需要当页面滚动到一定位置时，将某个元素固定在某个位置，如图所示

此时可以调用jQuery的scroll()方法，监听页面滚动了多少距离，当达到某个距离时，将此元素的position属性设置为absolute。

$('body').scroll(function () {
            var top=$('body').scrollTop();//获取body滚动距离
            if(top>=170){                 //如果达到某个值

                //将元素的position属性置为absolute
                $("#cartoonBox").css({"position":"absolute","top":"45px"});
                $("#goTop").css("display","block")
            }else {
                $("#cartoonBox").css("position","static");
                $("#goTop").css("display","none");
            }
        });