Scroll to specific section on click of a button ( both on same page)

SangitaP · March 2016

Hello,

I intend to have some explore button ( fancy link) buttons which reference to the sections on the same page. when the user clicks on the explore button , page should scroll to the top the specific row on the same page. Is there a way to add such anchors to the menu as well?

Regards

Sangita

SangitaP · March 2016

Hello,

I read through the documentation and some of the comments in this forum.

I have followed these steps to put up anchor Ids on this page I am designing - http://info.pairee.com/services/

1. I have converted the page to one-page in the page options.

2. Then updated the specific sections custom ID to a unique name in my case ( technology)

3. Then updated the 'EXPLORE' fancy link to

[fancy_link title="<b>EXPLORE</b>" link="http://info.pairee.com#technology" target="" style="1" class="scroll" download=""]

But it does not scroll to the particular section , only opens the home page.

Could you please help? Aren't the fancy link suppose to take anchor links as well.

Cheers,

Sangita

Albert · March 2016

Hi,

as we can see, the link of page where you are is http://info.pairee.com/services/ so the one-page link, should be http://info.pairee.com/services#technology NOT http://info.pairee.com#technology as it is already.

SangitaP · March 2016

Hello,

Please see the working of the explore links ( linking to same page link ) one to the technology section and the other to the training section.

I have updated the 'EXPLORE' fancy link to

[fancy_link title="<b>EXPLORE</b>" link="http://info.pairee.com/services#technology" target="" style="1" class="scroll" download=""]

I see that it scroll , but the page reloads to http://info.pairee.com/services.

Please advise.

cheers

Sangita

Albert · March 2016

If page still reloads, please try /services#technology or #technology as a link.

Scroll to specific section on click of a button ( both on same page)

Comments