2011-01-09 68 views
0

我想修改這個腳本;jquery「scroll」問題

<script> 
function doIt2() { 
    $("div.formbut").hide("slow"); 
    $("div.inqform").show("slow"); 
    } 
$("submit2").click(doIt2); 
$("form").submit(function() { 
    if ($("input").val() == "yes") { 
    $("p").show(4000, function() { 
     $(this).text("Ok, loaded! (now showing)"); 
    }); 
    } 
    $("div.rates").hide("slow"); 
    $("div.ratesbut").hide("slow"); 
    $("div.inqform").hide("slow"); 
    $("div.done").show("slow"); 
    return false; 
}); 
</script> 

我想要做的是,滾動到「inqform」div的頂部。 然後試圖滾動到頁面的底部..我不能這樣做.. 我希望它發生後「$(」div.inqform「)。show(」slow「);」 我不太瞭解js ..

任何人都可以幫忙嗎?

在此先感謝..

+0

爲了防止jQuery在每次訪問元素時搜索整個DOM樹,應該將jQuery對象緩存在變量中; `var $ formbut = $(「div.formbut」);`。 – 2011-01-09 18:34:27

回答

0

只需插入下面的代碼$("div.inqform").show("slow");後滾動到它上面 -

var targetOffset = $('div.inqform').offset().top; 
$('html,body').animate({scrollTop: targetOffset}, 500); 
+0

謝謝..剛剛工作正常.. – Has 2011-01-09 18:59:50

0

想活把這個腳本..但注意到,形式沒有被公佈。 有一個查詢表格中div.inqform

$("div.inqform").hide("slow"); 

done動作完成..但形式不貼。

想知道..現在..我們需要等待document.ready,直到表單被提交以顯示div.done?