Custom Mobile Hover

Ask the community
1

Curious to see if anyone has done this -

Using the hover animation - is there a way to enable this on mobile by having the element enter the middle of the screen and appear that way?

Instead of clicking on the element, have an image appear by scrolling down, and appearing when the element enters say the middle 20% of the screen. Almost as if that middle portion of the screen acts as a cursor for the hover command.

Would love to try and get more experimental with the hover command on mobile! If anyone has any solutions or examples that would be awesome.

2

Yes. In this case, a scroll effect would be what you’re looking to do.

As you mentioned, it’s easier to control if you use an element (I like using a line set to 0px in width) and docking it accordingly.

I did this video and site as an example to help someone on their site a while back but it works similarly on mobile as well as you can see here: https://robertor0.wixstudio.com/my-site-81 (I left the line visible so you can see when it enters the viewport).