垂直滚动自动化按钮单击

本文关键字:单击 按钮 自动化 滚动 垂直 | 更新日期: 2023-09-27 18:03:36

需要帮助自动垂直滚动。我是一名教师,我15岁的儿子正在学习c#来帮助制作在线工作表。我们目前正在制作一个基于计算机的工作表,用3个字母的单词(猫,狗,狐狸等)教3个语音。表单由四行组成,每行5张图片。用作模板的实际工作表可以在http://www.tampareads.com/phonics/phondesk/cvc/cvc-1.htm上看到-由于大小限制,我一次只显示2行。当学生单击第二行中最后一个问题的正确字母时,我们希望表单向下滚动以查看第三行和第四行。是否有一种方法可以让表单向下滚动以自动查看最后2行,这样学生就不必手动滚动了?我们已经阅读和尝试了好几天,但没有运气。我们尝试使用"ScrollControlIntoView",但它似乎可以工作,但是当点击第3行第一个问题的答案时,它跳回到第1行。我们都快把头发拔出来了!!

垂直滚动自动化按钮单击

如果您正在使用jQuery或者可以将其添加到您的页面,您可以这样做。

var position = $(window).scrollTop() + 100
$('.correctLetter').click(function () {
    $('html, body').animate({ position }, 'slow');
});

Position =已向下滚动页面的量+ 100。你可能需要调整100到你需要滚动多少像素。

$(. correctletter)指的是你想要触发滚动的元素上的一个类。