滚动条上下左右滚动，div始终保持在窗口的固定位置。

var advInitTop=0;
var advInitLeft = 0;
$(function(){ 
   top();
   $(window).scroll(function(){
    move();
   });
 })
function top(){
 advInitTop = document.getElementById("sheet").style.pixelTop;
 advInitLeft = document.getElementById("sheet").style.pixelLeft;
}

function move(){
 document.getElementById("sheet").style.pixelTop=advInitTop+document.body.scrollTop;
 document.getElementById("sheet").style.pixelLeft=advInitTop+document.body.scrollLeft;
}

<div id="sheet" style="border-bottom:1px solid #999;background:#ffffcc;padding:1px;position:absolute;top:0px;left:0px">源IP：<input type="text" id="txtSrcIp">&nbsp;
目的IP：<input type="text" id="txtDstIp" >&nbsp;<input id="btnSearch" type="Button" class="btn" value="查询">
&nbsp;&nbsp;&nbsp;<button οnclick="zoom(3)">放大 3倍</button>
&nbsp;<button οnclick="zoom(1)">还原</button>
</div>

 

原理：获取原始top和left，覆盖新的位置参数。