Scroll to a section

[Dindoop]

Hi,

Can I have a button in the Swift slider, on clicking, scrolls down to a particular section?

Best
Dinoop Dayanand

[David Martin – Support]

Sure, it can link to the content of the page. Not to a specific section.

In a page Meta Options, enable the Swift Slider Continue button:

[Dindoop]

Aaah!! This wouldnt help.

I wanted to put a Portfolio button in the swift slider and when the user clicks, it scrolls to the portfolio section which is around 1000px below.

[David Martin – Support]

If you wrap the Portfolio section within a Row and provide the Row with a unique ID. You can then link to that row with a button and reference the ID as the link, ex: #portfoliosection.

Using that method you should be able to smooth scroll down to the section.

[Dindoop]

Thank you David, it works.

Currently, it just jumps to a section. Is there a way it can scroll smoothly to the section? This is just an add-on to make the experience better. 🙂

[Rui Guerreiro – SUPPORT]

Hi,

did you placed the entire url in the link? You should place only the anchor point

#your-anchor-point

-Rui

[Dindoop]

Yes, I placed only the anchor point and it jumps to that section.

I was wondering if there is a way it page can scroll smoothly to that section rather than a jump.

[David Martin – Support]

What page are you testing this on, please link me to it.

What you need to do is copy out the HTML generated, and add in the class smooth-scroll-link, then paste the raw HTML back into the PB.

Thanks.

[Dindoop]

This reply has been marked as private.

[David Martin – Support]

You can use this HTML for a button and amend the link:

<a class="sf-button large black bordered sf-button-has-icon smooth-scroll-link" href="#ROW-SECTION-ID" target="_self"><span class="text">BUTTON TEXT</span><i class="fa-long-arrow-right"></i></a>