如何在移動設備上的Bootstrap模式下正確顯示reCAPTCHA？

Question

如果我使用Bootstrap在模式簽名框中創建reCAPTCHA，並在足夠小的移動設備（如Galaxy S4）上顯示，則會出現CAPTCHA的輔助模式，但不允許滾動，導致無法選擇所有的圖像並提交。

我一直在處理各種有趣的問題，現在已經在改變iframe內的事情。

這是一個z-index修復程序，還是有更多的？

Answer 1

這樣做的事實是，默認引導程序不會讓您在模式下滾動，但是在屏幕下方會顯示回車圖像選擇器。我已設法通過設置modal-dialog的min-height屬性來實現此工作，以便考慮到recaptcha所需的額外高度。

您可能需要調整下面取決於模式中的內容的大小，高度：

.modal-dialog { 
    min-height: 1000px; 
} 

Answer 2

我解決了它與位置絕對的模態

#myModal { 
    position: absolute; 
} 

爲了彈出模式在成功回調後回到原位

function enable_sbmt(){ 
     if(grecaptcha.getResponse()){ 
     $("#myModal").css("position", "fixed"); 
     $(window).scrollTop(0); 
     } 
     else{ //console.log('false'); 
    } 
} 

function expired_callback(){ 
    $("#myModal").css("position", "absolute"); 
}