tamlog

主にwebのフロント回り たまに登山

iPhoneでreCHAPTCHAをクリックすると、画面一番下にスクロールする

スポンサーリンク

メモです。

iPhoneでreCHAPTCHAをクリックすると、画面一番下にスクロールします。

iPad Pro とiPhone6のバージョン:11.1.2確認。

 

 

github.com

 

今の所はリキャプチャの検証後にスクロールを強制的に戻すぐらいしかないみたいですね。

ちなみにバージョン:9.3.5では大丈夫でした。 

<div class="g-recaptcha" data-theme="light" data-type="image" data-sitekey="XXXXXX" 
data-callback="onReCaptchaSuccess">

function onReCaptchaSuccess(){
var elemOffset = $('#js-submit').offset().top - ($(window).height() / 2);
$('html,body').animate({scrollTop:elemOffset }, 0);
}
<div id="js-submit">
<button type="submit" >送信</button>
</div>