[Resolved] Anchor between button and container

[Matthieu]

Hello, how could I do so that when I click on a button the page goes down to the associated container?

Thanks.

[David]

Hi there,

select the Container you want to jump to in the Block Editor. Go Advanced > HTML anchor and add your name eg. section-1

Then select your Button and give it a URL of #section-1

This creates the jump link to that section.

If you want it to smooth scroll – then select button block and in Advanced > Additional CSS Class(es) add: smooth-scroll

Then in Customizer > General enable the smooth-scroll option

[Matthieu]

its ok ! Thanks ! 😄

[David]

Glad to hear that

[Muhammad]

I want to appear section 1 only and hide sections 2 and 3 in the page by clicking respective custom link from menu. By clicking html anchor button from section 1 it will appear section 2 only but section 1 and 3 will be disappeared from the page. Similarly it will appear section 3 when clicking anchor button from section 2. But by this time both section 1 and 2 will be disappeared. All sections will be created in one page by containers from GenerateBlocks. Thanks.

[David]

Hi there,

i replied directly to your topic.

https://generatepress.com/forums/topic/hide-and-show-sections-or-containers-in-one-page-using-anchors/#post-1822694

[Muhammad]

Okay, thanks

[Author]

Posts