* 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)
Destin's Youtube channel Smarter Every Day is one of my favourite places on the web.
A round scroll indicator mad with Webflow elements and interactions
.png)
Pass input fields parameters and add them to the destination URL.
.png)
A Before / After effect for photos, without any code. Only Webflow's interaction.
.png)