按鈕上的垂直滾動自動化單擊

Question

需要有關自動垂直滾動的幫助。我是一名老師，我15歲的兒子正在學習C＃來幫助製作在線工作表。我們目前正在製作一個基於計算機的工作表，使用3個字母的單詞（貓，狗，狐狸等）教授三種語音。該表格由四行構成，每行5張圖片。用作模板的實際工作表可以在http://www.tampareads.com/phonics/phondesk/cvc/cvc-1.htm處看到 - 由於尺寸限制，我一次只顯示2行。當學生在第2行點擊最後一個問題的正確字母時，我們希望窗體向下滾動以查看第3行和第4行。有沒有辦法讓窗體向下滾動以自動查看最後2行，所以學生不必手動滾動？我們一直在閱讀和嘗試幾天，但沒有運氣。我們嘗試使用「ScrollControlIntoView」，但它似乎能夠工作，但當點擊第3行中第一個問題的答案時，它會跳回到第1行。我們將我們的頭髮拉出來！任何幫助，將不勝感激。

Answer 1

如果您使用jQuery或可以將其添加到您的頁面，您可以做這樣的事情。

var position = $(window).scrollTop() + 100 

$('.correctLetter').click(function() { 
    $('html, body').animate({ position }, 'slow'); 
}); 

位置=已向下滾動頁面的數量+100。您可能需要將100調整爲需要滾動的許多像素。

$（。correctLetter）引用您想要觸發滾動的任何元素的類。