Skip to main content
Luke&Luke
Participant
September 25, 2021
Question

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

  • September 25, 2021
  • 1 reply
  • 1071 views

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 has been closed for replies.

1 reply

Spas K.
Community Expert
Community Expert
September 26, 2021

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.

Luke&Luke
Luke&LukeAuthor
Participant
September 26, 2021

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!

Spas K.
Community Expert
Community Expert
September 26, 2021

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.