javascript - 使用 fadeIn 滚动 div

Question

我有以下代码，我想做的是当我点击按钮时，div 的内容应该从 div 的首字母开始显示。我不擅长 js。现在当我点击按钮然后 div 内容直到我滚动页面才显示。那么，当我单击按钮时，如何让它自动滚动到 div 内容的顶部呢？

//HTML

<button type="button" class="btn btn-info btn-block" id="show"></button>

<div class="container-fluid" id="detail" style="display:none;"></div>

//Js

$(document).ready(function(){
    $("#show").click(function(){
        $("#detail").fadeIn();
    });
});

Answer 1

试试这个

$(document).ready(function() {
    $("#show").click(function() {
        $("#detail").fadeIn();
        $('html, body').animate({
            scrollTop: $("#detail").offset().top - 100
        }, 800);
    });
});