切换div时，如何让用户位于该div的顶部，而不是在“中间”滚动

Question

这是我的问题，

单击一个按钮，我会在下面切换一个div（相当长）。它（随机）将用户放在新div的中间，我想让用户放在这个新div的顶部。

这是如何实现的？

这是我当前的jquery：

$(document).on("click",".more, .more-com, .more-com-film",function() {
    $(".all-content-news, .all-content-news-single").css("display","none");
    // $(".overlaybg").css("display","none");
            //         $(this).parent().parent().parent().parent().children('.action-container-com-film').css("top","9.9%");
            $(this).parent().parent().parent().parent().children('.overlaybg').css("display","none");
            $(this).parent().parent().parent().parent().children('.all-content-news-single').fadeToggle();
            $(this).parent().parent().parent().parent().children('.entry-title-wrapper').css("background","rgba(0, 0, 0, 0)");

点击.more.com，切换新的div。所有内容新闻单个

任何精彩都会很棒，非常感谢！！

Answer 1

我认为您需要在之前或之后附加特定元素

你可以输入以下代码：

 $(".all-content-news-single").append("<span>Hello world!</span>");
 $("<span>Hello world!</span>").insertAfter(".all-content-news-single");
 $( "<span>Hello world!</span>" ).insertBefore( ".all-content-news-single" );

Answer 2

绑定一个事件以了解嘟嘟声的开始或结束：

$(document).ready(function(){
    $(document).on("click",".more, .more-com, .more-com-film",function() {
        $(this).parent().parent().parent().parent().children('.all-content-news-single').fadeToggle({
            start:function() {
                console.log('start');
            },
            done:function(data) {
                console.log('done');
            }
        });
    });
});

然后使用经典ancor或脚本滚动到目标https://github.com/flesler/jquery.scrollTo