自動滾動只要按Ctrl +單擊該按鈕使用jQuery

Question

我仍然在jQuery的新工作，這是我的代碼（我放在這裏面的html）

$("button").click(function(){ 
    $('html,body').animate({ 
     scrollTop: $(".test").offset().top}, 
     1000); 
}); 

，這是我的HTML裏面：

<form method="GET"> 
    <button>Submit</button> 
</form> 

<div class="test">Hello</div> 

當我點擊按鈕後，它不會滾動頁面。 頁面只滾動如果我按Ctrl +單擊按鈕 我錯過了什麼在這裏？ 我目前使用jQuery 2.1.4版本

Answer 1

使用ID的按鈕更具體

<button id='scroll'>Submit</button> 

然後

$('#scroll').click(function){ 
$('body,html').animate({ 
     scrollTop : 0      
     }, 500); 
}); 

或者我不知道的jQuery 2.1.4支持新辦法

$(document).on('click','#scroll',function(){ 
    $('body,html').animate({ 
    scrollTop : 0      
    }, 500); 
}); 

希望這有助於

Answer 2

你沒有設置你的div的高度，你的按鈕應該有type =「button」。請參閱本使用jQuery 2.1.4

http://plnkr.co/edit/mFCGoLZ4BCLRSpGTDzYk?p=preview

'http://plnkr.co/edit/mFCGoLZ4BCLRSpGTDzYk?p=preview'