input点击后,显示DIV,不同的top,会出现在不同的位置解决办法

原始js:

/**
* 参与人输入框事件
**/
$("#boss").click(function(){
var divLocation = $(this).offset();
if (getOs()=="MSIE"){//判断IE 
$("#joinPeople").css({left:divLocation.left, top:divLocation.top -70 +"px"});
}else{
$("#joinPeople").css({left:divLocation.left, top:divLocation.top - 81 +"px"});
}
$("#approverPeople").slideUp("fast");
$("#joinPeople").slideDown("fast");

return false;
});


修改后JS:

/**
* 参与人输入框事件
**/
$("#boss").click(function(){
var divLocation = $(this).offset();
var locationValue = 471-divLocation.top;//多加一个差值即可解决
if (getOs()=="MSIE"){//判断IE 
$("#joinPeople").css({left:divLocation.left, top:divLocation.top -70 +locationValue +"px"});//别忘了此处也要加
}else{
$("#joinPeople").css({left:divLocation.left, top:divLocation.top - 81 +locationValue +"px"});//别忘了此处也要加
}
$("#approverPeople").slideUp("fast");
$("#joinPeople").slideDown("fast");

return false;
});

发布了35 篇原创文章 · 获赞 7 · 访问量 23万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章