按钮上的垂直滚动自动化单击

Question

需要自动垂直滚动方面的帮助。我是老师，我15岁的儿子正在学习C＃来帮助制作在线工作表。我们目前正在制作一个基于计算机的工作表，使用3个字母的单词（猫，狗，狐狸等）教授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）指的是您想要触发滚动的任何元素的类。