* 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!
.png)
Whenever possible, use Class Names to target the elements in your interaction. You never know when you'll need to duplicate and use it somewhere else...
.png)
.png)