Question

的index.html

<a href="" data-toggle="modal" data-target="#myModal">Open Modal</a>

<!-- Modal -->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog" style="width:100%;margin: 0px auto;">
    <!-- Modal content-->
    <div class="modal-content">
        <div class="modal-body modalIframe">
            <iframe src="services/abc.html" frameborder="0" height="650px" width="100%"></iframe>
       </div>
    </div>
  </div>
</div>

SCRIPT

    window.closeModal = function(){
        $('#myModal').modal('hide');
    };
    $('#contactClick,.closeMain').click(function(){
        window.parent.closeModal();
    });

abc.html

<button type="button" class="btn btn-default serviceButton fontSize16px" id="contactClick">Contact us directly   </button>

点击此按钮，我需要进入名为hire-us的部分，即它应该重定向到index.html＃hire-us。我尝试给出锚标签而不是按钮并在href中给出路径，但它不起作用。请帮我解决这个问题。

Answer 1

使用Jquery Click功能滚动特定部分

直接与我们联系

<div id="hire-us">

</div>


<script>

 $('#contactClick').click(function(){
$('html, body').animate({
                scrollTop: $('#hire-us').offset().top
            }, 'slow');  

});
</script>

Answer 2

这对我有用（在iframe页面内）：

m_navigationService.NavigateAsync("NavigationPage/LayoutTabbedPage/BPage/B1Page");

ModalEquipment - ＆gt;主页面中模态的名称。

  $('#btnCancel').click(function() {
      parent.$('#ModalEquipment').modal('hide');
   });

从iframe内部关闭Bootstrap模式并转到父页面的特定部分

2 个答案: