* This method also opens the keyboard when user is on mobile.
So, this one is easy peasy ;)
Add this code to your page before </body> tag
<script>
$('.btn').click(function () {
$('html').animate({scrollTop: $('#email').offset().top - 200}, 1000);
$('#email').focus();
});
</script>
Then give your button a 'btn' ID, and to the input field 'email' ID.
THAT's IT !
really!
The videos Kurzgesagt channel creates are so beautifully animated, that I almost forget that I learn so much while watching them!