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萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章