I have a section on my site which uses Fullpage.js for interactions which are triggered on scroll - see here.
I need to add a new Nav item which is a drop down (sectors). When I do this, a strange conflict seems to occur when you hover / click the drop down a number of Divs change to display:none (these divs are linked to the scroll trigger interactions). See clip for example.
I cannot figure out why or how this is happening . Initially I was thinking it is something to do with the dropdown state reverting to the original page load state but I am at a loss?
Any thoughts or ideas would be great. @vincent - you have helppreviosuly with Fullpage and interactions so not sure if this is your bag? I have included the public share lilnk however best to view on staging as the Fullpage.js will be active.
Thanks for the feedback - always welcomed (especially on the positive!).
The IX you have highlighted is not the issue, this is working correctly (when clicked this shows the contact form). The issue is when clicking ‘SECTORS’ from any other project other than Soffos (as per the clip). Are you saying this is causing the issue? If so I don’t understand how?
That seems to be incorrect. The IX is attached to ‘Work with us’ which does have the parent Nav Link but this interaction affects the class ‘get in touch’ so there are not any issues here.
The issue is when clicking ‘sectors’ which seems to trigger a ‘random’ interaction - see this clip.