Button scroll down trigger

Design help General
1

Hello everyone.

I have a dropdown menu that opens a dropdown list but I needed that when I clicked on the “Discover” button to scroll to the beginning of the dropdownlist, so that it is visible.

This is the link: https://preview.webflow.com/preview/consexto-webpage?utm_medium=preview_link&utm_source=designer&utm_content=consexto-webpage&preview=85954aa873dc0adcf42773b4e2986a05&mode=preview

Can someone help me?

Thank you

2

Hi Sebastiao,

I see that when you click the button Discover. It does indeed have a dropdown. Do you wish to have the window scroll down to the top of the list? If so I can make a quick video showing you how to acheive this.

Regards,

Steve | 3SIX5 Digital

3

Hi Steve,

Exactly.

If you could put the video it was perfect.

Thank you very much

4

Hi Steve,

have you always succeeded?

Sorry for the insistence but it is very urgent.

Thank you very much

5

Hi Sebastiao,

Sorry, I got caught up the past couple of days.

Basically, to achieve this you need to add a little custom code, because after you add a #link to move the page down, the animation hasn’t happened yet, and this will make the page scroll to the top because that element is hidden for a second before the trigger is activated. If this makes sense?

This is the code that should work - after you rename the button class to what I have changed it too, this is just too not conflict with the standard button class.

Screenshot 2020-10-11 at 22.04.51
Screenshot 2020-10-11 at 22.04.511230×322 35.7 KB

Link to the video is here - Add page tag

Adding the code - Code

I’ll try and help if you still have any issues!

Best of luck,

Steve

6

Good morning Steve,

Again, thanks for the help.

Unfortunately, it still doesn’t work.
Am I doing something wrong?

Thank you