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">
目的IP:<input type="text" id="txtDstIp" > <input id="btnSearch" type="Button" class="btn" value="查询">
<button οnclick="zoom(3)">放大 3倍</button>
<button οnclick="zoom(1)">还原</button>
</div>
原理:获取原始top和left,覆盖新的位置参数。