Question

这是我在一个名为Shortstack的程序中进行的多项选择测验。单击选项后，我正在使用的代码将在问题下方显示答案，但我无法通过它来将页面向上推，从而在页面上实际显示答案-您知道的唯一方法是向下滚动，但我希望它可以自动执行此操作。

这是我正在使用的代码：

$(document).ready(function()
{
    $(".quiz-choice").click(function ()
    {
        $(".answer-text").show();
    });
});

我发现了一些建议的解决方案：

$('.answer-text').offset().top = $('.answer-text').offset().top + 5;
and
$(".answer-text").scrollTop();

所以我尝试将它们每个放置在.show（）之后（在不同的时间），但是它们没有区别。

我不太确定还要尝试什么-感觉应该很简单，但这是我第一次尝试使用JQuery进行任何操作，因此我不知道所有功能，等等。预先感谢您的任何建议！

Answer 1

您是否尝试过使用

$(document).ready(function(){
     $(".quiz-choice").click(function () {
       $(".answer-text").show({
          complete: function() {
           $('html,body').animate({scrollTop: $('.answer-text').offset().top},500)
          }
       });
    });
});

jQuery：如何向下滚动到仅使用.show（）显示的元素

1 个答案: