函數太早開始

Question

我正在用jQuery ajax構建聯繫系統。窗體的div有一個高度，所以我認爲這將是很好的，如果當你點擊輸入（OnFocus）時，div會變大，當你向上或向下滾動時div會回到它的常規高度。問題是點擊後，div變大，然後立即返回到正常高度。這裏是我的代碼：

var big = false, 
    lastpalce = "", 
    position = ""; 

function contectboxreturn() { 
    if (big) { 
     $("#contact").animate({ 
      "height": "515px" 
     }, 400); 
     $("#showclosebutton").hide(fast); 
     big = false; 
    } 
} 

function contectboxresize() { 
    if (!big) { 
     big = true; 
     lastpalce = $(this).scrollTop(); 
     position = $("#contact").offset(); 
     $("html, body").animate({ 
      scrollTop: position.top + "px" 
     }, 400); 
     $("#contact").animate({ 
      "height": "100%" 
     }, 400); 
     $("#showclosebutton").show(fast); 
     $(function() { 
      $(window).scroll(function() { 
       if (position.top != $(this).scrollTop()) { 
        contectboxreturn(); 
       } 
      }); 
     }); 
    } 
} 

Answer 1

大集爲TRUE作爲動畫的回調。像這樣。

$("#contact").animate({ 
    "height": "100%" 
}, 400, function(){ 
    big = true; 
}); 

updated fiddle

Answer 2

試着將你的滾動事件OUTSIDE您contectboxresize（）函數是這樣的：

var big = false, 
lastpalce = "", 
position = ""; 


$(function() { 
    $(window).scroll(function() { 
     if (position.top != $(this).scrollTop()) { 
      contectboxreturn(); 
     } 
    }); 
}); 

function contectboxreturn() { 
    if (big) { 
     $("#contact").animate({ 
      "height": "515px" 
     }, 400); 
     $("#showclosebutton").hide(fast); 
     big = false; 
    } 
} 

function contectboxresize() { 
    if (!big) { 
     big = true; 
     lastpalce = $(this).scrollTop(); 
     position = $("#contact").offset(); 
     $("html, body").animate({ 
      scrollTop: position.top + "px" 
     }, 400); 
     $("#contact").animate({ 
      "height": "100%" 
     }, 400); 
     $("#showclosebutton").show(fast); 
    } 
}