自己写的div遮罩层，里头有个div可以随滚动条变化而自变化，兼容火狐，ie，charom等

//协议
	function sqxx_xieyiDiv(obj){
		var scrollTop=$(document).scrollTop();//获取滚动条的高度
		var xieyicontentT=($(window).height()-450)/2;//计算协议div距离当前浏览器的高度
		var documentH =$(document).height();//获取document的高度
		var documentW = $(document).width();//获取document的宽度
		var xieyicontentW=$("#xieyicontent").width();//获取协议内容div的宽度
		var xieyicontentL=(parseInt(documentW)-parseInt(xieyicontentW))/2;//得到div距左边的距离
		$(window).scroll(function(){
			//滚动条变化时候，执行函数
			scrollTop=$(document).scrollTop();
			$("#xieyicontent").css({top:(scrollTop+xieyicontentT)});
		});
		$("#sqxx_mengban").css({top:0,height:documentH}).show();
		$("#xieyicontent").css({top:(scrollTop+xieyicontentT),left:xieyicontentL}).fadeIn("slow");
	}

 <div id="sqxx_mengban" style="position:absolute;background:black;filter:alpha(opacity=20);height:800px,overflow:hidden;opacity:0.2;left:0;width:100%;top:0;display:none;z-index:1000;"></div> 
    <div id="xieyicontent" style="width:850px;position:absolute;height:450px;border:4px solid gray;z-index:1002;display:none;">
    	<center></center>
    </div>


<button onclick="sqxx_xieyiDiv(this)"></button>

 预览效果：