Skip to main content
Luke&Luke
Participant
Sep 25, 2021 7:25 PM UTC
Question

How to stop a scrolling footer menu in the certain point?

Hi guys. I have the fixed banner on the page, and I'd like to stop the scrolling footer menu at a certain point before it climbs on top of the fixed banner. Please see the attached video.
Could someone help to resolve the issue?

This topic is closed to new replies. Start a new post to keep the conversation going.

5 replies

Spas K.
Community Expert
Community Expert
Sep 26, 2021 3:06 AM UTC

Hey there. I think you actually want the banner to stop being fixed and scroll along with the text and footer when the footer gets close, is this correct? You can't really do that in Xd, there's no scroll trigger for that stuff. There's a workaround for sticky items, but it works for menus and small items, won't work very well for big stuff like that banner. It won't look very good or convincing.

Translate
Luke&Luke
Luke&LukeAuthor
Participant
Sep 26, 2021 3:47 AM UTC

Thanks for the response. No, I just want the footer menu to stop before this fixed banner. So, I'm looking at something like “stop scrolling the object when arriving at the certain point”. And no additional action with the fixed banner. Thanks again!

Translate
Spas K.
Community Expert
Community Expert
Sep 26, 2021 9:52 AM UTC

It's not the footer that is scrolling, it's the whole page, while the banner is not scrolling (fixed position). If you make the footer (and the page) shorter, so that it fits between the banner and the end of the page, it will stop scrolling before it reaches the banner, since you will reach the end of the page.

 

If I'm not getting something, show me an example from some website, and maybe we can come up with a solution.

Translate