如何滚动与我们联系，当单击"Contact Us"模式上的按钮？

Question

我正在努力寻找一种方法，所以当我单击"联系我们"时！在我的模态上，它将关闭模态，然后滚动到联系我们部分。我现在发现的方法在按下关闭时也可以滚动，是否有一种方法可以解决此问题。这是使用的功能！

jQuery(function($) {
    $('#leadworkModal, #tilingModal').on('hidden.bs.modal', function (e) {
        $('html, body').stop().animate({
            scrollTop: $("#contact-us").offset().top
        }, 2000);
    });
});

Answer 1

您必须将事件附加到按钮：

jQuery(function($) {
  $(document).on('click', '#contactButton', function (e) {
    if($('#leadworkModal').hasClass('in')) $('#leadworkModal').modal('hide');
    if($('#tilingModal').hasClass('in')) $('#tilingModal').modal('hide');
    $('html, body').stop().animate({
        scrollTop: $("#contact-us").offset().top
    }, 2000);
  });
});

如果您将事件附加在OnClick事件中(如评论中建议(。它只能工作一次。因为事件仍然附加了进一步。

所以我只需检查是否显示模式。