Need Help! Having trouble implementing my idea

Hi there! I’m still no expert on using Figma and it would be a big help if you could lend me a hand on how I can implement my idea.

I understand the use of the “frame” feature, but I can’t seem to make it work. I made a dynamic section on a mockup wherein one side is a side navbar and the other is the dynamic content where it continues to scroll until the end of the content. I was able to make this possible by using the frame feature then limiting it’s height and clipping the content. But my problem is that I wanted when hit the end of the page, the footer appears and the side nav bar stops just before the footer.

Here are screenshots to make sense of what I am trying to explain.

This is how it currently looks I reach the end.

But this is how I want it to actually look when it reaches the end.

Is there any way possible I can implement the second one? If so, how can I achieve this?

I’m no expert either but I thought I would offer what comes to mind…

Could you use smart animate where you have the side nave starting out full size / length then moving up / off the screen until the bottom aligns with where you want it to stop?

Jake