Adding an anchor to a repeater

Ask the community
7

Hey @leo ,

What you are looking for can be achieved with a few lines of code,
using the scrollTo function in Velo.
I will say in advance that this will only work for vertical scrolling (which is your case),
This is the url for the example:
https://idoh33.editorx.io/mysite-115

I’m also attaching a video of an example I made that demonstrates how to do this:

Here’s the code:

$w.onReady(function () {
    repeaterAnchors();
});

function repeaterAnchors(){

 let buttons = $w('#button01, #button02, #button03, #button04, #button05');
 
    $w('#repeater1').forEachItem(($item,itemData,index)=>{
        buttons[index].onClick(()=>{
            $item('#repeaterItem').scrollTo();
        })
    })

}