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 .all-content-news-single

任何亮点都会很精彩，非常感谢你！

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

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

$(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

当切换div时，如何让用户在该div上面而不是在中间滚动

2 个答案: