浮动框跟随滚动条滚动

jquery代码：

 

//浮动框跟随滚动条滚动
            $(this).scroll(function(){
                var bodyTop = 0;
                if (typeof window.pageYOffset != 'undefined') {
                    bodyTop = window.pageYOffset;
                }
                else 
                    if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') {
                        bodyTop = document.documentElement.scrollTop;
                    }
                    else 
                        if (typeof document.body != 'undefined') {
                            bodyTop = document.body.scrollTop;
                        }
                
                $("#mesBox").css("top", 100 + bodyTop) // 设置层的CSS样式中的top属性, 注意要是小写，要符合“标准”    
                $("#mesBox").text(bodyTop); // 设置层的内容，这里只是显示当前的scrollTop 
            });

html代码：

 

 

<div id='mesBox' style="position:absolute; top:100px; right:20px; border:solid 2px #000000;">
				asdfasd
			</div>