如何在模式上点击“联系我们”按钮时滚动以联系我们？

我一直在努力寻找一种方法来实现它，当我点击“联系我们”时在我的模式下，它会关闭模式，然后滚动到联系我们部分。我现在找到的方法也滚动时，我按下关闭，有没有办法解决这个问题。这是使用的功能！如何在模式上点击“联系我们”按钮时滚动以联系我们？

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

来源

2017-05-05 Dr Lemon

问题是什么（“我现在找到的方法也会滚动，当我按下close时，是否有办法解决这个问题。”），预期的行为是什么？ – Hodrobond

要点击“联系我们”按钮才能滚动联系我们，现在当您单击关闭按钮时，它也会滚动。我只想在你点击这个模式时关闭模式。 –

将函数从'hidden.bs.modal'移动到关闭按钮的点击处理程序。 – Hodrobond

你有一个事件附加到按钮：如果连接按钮onclick事件内部事件（如意见建议）

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); 
    }); 
});

。它只会工作一次。因为事件还附有进一步的信息。

所以我只是检查是否显示模态只是隐藏它。

来源

2017-05-05 15:24:41 SouXin

将点击处理程序附加到文档主体上的好标注！ – Hodrobond

谢谢。只是为了动态创建元素。 – SouXin

如何在模式上点击“联系我们”按钮时滚动以联系我们？

回答

相关问题