Jump to section on page

API & Customization Ask Developers
1

Hi All

I have searched for something to assist on this but couldn't find anything directly.

I am wanting to place a "menu" bar on top of a page which has a lot of sections to them.
I want to be able to click on a button to jump to a specific section.
Example.
Page has 3 section: Company details / Company contacts / Company specials
So if I click in Specials - it will scroll down / jump to that section  on a page.

Unless someone has a better idea of how to handle this type of request.
(I dont think it is necessary to have separate pages for each section as this would be to many clicks to get there) 


I am not a tech person so any help here would be great, as well as advise on how I would design - implement this in the Knack builder.
Thanks in advance for your time and help.

2

Hi Jay,

Something like this should work for you


//change your view from view_xx
$(document).on('knack-view-render.view_xx', function(event, view, data) {
    const scrollTo = (pos) =>{
        window.scrollTo(0, pos);
    };

    //Add your buttons css selector to the string between the quotation marks
    const buttonSelector = ""
    Knack.$(buttonSelector).on("click", function(){
        //change where you want to scroll to on the page
        const scrollPoint = 100;
        scrollTo(scrollPoint)
    })
});

I hope that works for you!