javascript - 切换 div 时,如何让用户位于该 div 的顶部而不是在中间滚动

标签 javascript jquery html css toggle

这是我的问题,

单击按钮后,我在下方切换了一个 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

任何亮点都会很棒,非常感谢!!

最佳答案

我认为你需要在之前或之后追加特定元素

您可以输入以下代码:

 $(".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" );

关于javascript - 切换 div 时,如何让用户位于该 div 的顶部而不是在中间滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36328493/

相关文章:

javascript - 如何在 Jquery 中删除和添加回或绑定(bind)和取消绑定(bind)单击事件

javascript - 图像 src 不使用 javascript 更改

html - 如何使用 Spring MVC 制作带有复选框的下拉列表?

Javascript/Angular JS 搜索数组对象到数组对象

javascript - 从 AngularJs 获取 Google Maps 对象的正确方法是什么?

javascript - 如何在React Redux中使用不同的参数调度相同的操作

javascript - 单击复选框时未触发下拉列表复选框事件

c# - 如何在一行 C# Web 应用程序中的不同 <td> 标记中的标签和文本框之间留一个空格?

html - 如何使用 css 和 html 将垂直子菜单添加到水平菜单?

javascript - 在 vue.js 中,如何提供需要 js 库的组件?