Scroll to element -100

Ask the community
,
1

I can scroll the page to the top of an element like this:

    $w('#someElement').scrollTo();

I need to scroll to a position 100 pixels ABOVE that element.

Scrolling to hard-coded specific pixels on the page is NOT a solution - this needs to be more robust than something that will break every time I move or add an element in the editor, or if there is a dynamic element above it that might shrink or grow. Anyone who suggests this as a solution is publicly admitting they think The Phantom Menace is the best Star Wars movie…

I’ve tried:

    $w('#someElement').scrollTo(0,-100);

I’ve also searched without success to see if it’s possible to get the coordinates of an element so I could do something like

    let top = $w('#someElement').top;
    wixWindow.scrollTo(0, top, {"scrollAnimation": true});

Anyone have any suggestions?

#scrollTo #animation #scrolling #coordinates

2

You can put the element inside a transparent box (100 px below the top of the box) and scroll to the box.

3

Great idea - unfortunately the elements in question are Strips. I thought about putting another strip above, but the gap between strips is only 10px. I could have a floating element or anchor at the right position, but this would then break again on a redesign or dynamic content.

4

@wix47224 You can add anchors 100px above the strip and scroll the the anchor.