Animation having Weird Behavior on Scrolling

Design help Animations & Interactions
1

Hi all!

I am working finishing up a client site and I am having a weird issue with the animation of the mobile menu.

The mobile navigation works fine when I am going to a completely new page. However, I am having a couple issues when the user clicks a link to take them to a section on the home page. See below:

  1. First, when the user clicks on the link (either “Specialty Services” or “Contact Us”), I have it set to close the mobile navigation, since these sections may be on the same page (if the user is on the home page). However, it seems as if the animation is terminating about half way through and not completely closing the menu out.

  2. When the user clicks one of these same links, then goes back to the menu to go to another page or section, the previously clicked link is surrounded in a black box. I went and looked at the CSS and I don’t see anything that would be causing this to happen. Is this something to do with the fact that the link is registering as either “current” or “previously visited” (which is usually highlighted in purple-ish red).

If anyone has any ideas on how to fix these issues it would be greatly appreciated!

Thanks!!

Here is my public share link: Webflow - Cohen Construction Company
(how to access public share link)

2

Replying for visability. Could really use an answer on this.

Thanks!

3

@memetican any insight on this? You’re one of the only people I consistently see replying to people anymore.

4

Hi @TylerCourts,

Have you tried publishing the site? having the link set to custom and targeting sections with ID does not work on the designer preview.

The default behavior is that when clicking any link, webflow just opens any link without delay. So having animations when opening other page will need a delay that is equal to the animation’s duration.

So if you want the closing animation to show where right now it is on 0.5s, you need to set a delay before the click is registered by 0.5s so the animations doesn’t go haywire and completely animate.

5

Yes the staging site is cohen-con.webflow.io. I will have to take a look at that delay later and see if that fixes it!

1 Like