javascript - 显示/隐藏 div 并滚动到它

Question

当用户单击表单时，我试图显示和隐藏表单，还试图向下滚动以查看表单，我的代码在第一次单击后起作用。如果我第一次点击它“显示表格但不向下滚动”在第一次点击后它工作正常。谁能解释一下我做错了什么。

   $('#showForm').click(function()
               {
                $('.formL').toggle("slow"); 
                $('.formL').get(0).scrollIntoView()
               }); 

HTML:

<div class="formL" style="display: none">
    <form action="">
        First name:<br>
        <input type="text" name="firstname" value="Mickey">
        <br>
        Last name:<br>
        <input type="text" name="lastname" value="Mouse">
        <br><br>
        <input type="submit" value="Submit">
    </form> 
</div>

Answer 1

问题在于，在该函数中，您尝试在窗体仍然不可见时滚动到窗体。要解决此问题，请在 toggle() 函数的回调中调用 scrollIntoView()。请参阅此处的示例:https://jsfiddle.net/ux0qt5nn/