Scroll & Focus

Scroll down and focus on an input field when a button is clicked

Code

Cloneable

Tricks

* 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

$('.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!

#StayTheFuckHome. Wash Hands. Wear gloves & mask if you have to leave home.

Cloneable

CMS

Code

Insert a symbol element into a RichText. On a static or dynamic page.

Cloneable

Interactions

Animation

A round scroll indicator mad with Webflow elements and interactions

Cloneable

Code

Pass input fields parameters and add them to the destination URL.