Question

在一个模态窗口中，我有一个打开和关闭的div。打开时，我需要将模态窗口滚动到底部。如何才能做到这一点？ “常用”方法都不会滚动模态窗口。

jQuery(document).ready(function ($) {

    $('.item-wrapper').hide();

    $(".item-toggler").click(function() {

        $(this).parent().find(".item-wrapper").toggle();

        // none of these scroll the modal window to the bottom 

        // $('#modal-body-content').animate({ scrollTop: 300 }, 500);

        // $("#modal-body-content").scrollTop(900);

        // $('html, body, .modal-body').stop().animate({ scrollTop: 500 }, 500, 'easeInOutExpo');

    });

});


<div class="modal-body" id="modal-body-content">

    <div class="item-wrapper"> a lot of content here </div>

    <div class="item-toggler">show the content and scroll to bottom of modal window</div>

</div>

Answer 1

您可以使用Anshor标记滚动到定义div，将其添加到您的函数中：

> library(stringr)
> data.frame(col1=str_sub(the.data,1,2),col2=str_sub(the.data,3,5),col3=str_sub(the.data,6,-1))
  col1 col2       col3
1   32  154 The street
2   12  546 The clouds
3   23  236 The jungle

并在你的html div中：

window.location.href="#targetDiv";

e.preventDefault();
e.stopPropagation();

单击

1 个答案: