Home/ Questions/Q 9119991
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T05:31:42+00:00

I’ve looked everywhere but I couldn’t find the right solution The sidebar is long

  • 0

I’ve looked everywhere but I couldn’t find the right solution

The sidebar is long but there’s still white space when I get to the end because it’s not the length of the content. So, I was thinking maybe having it ‘fixed’ using jquery but the thing is, is that it’s still a long sidebar.. So is there a way for me to have the sidebar scroll gradually as I scroll so that it reaches the bottom of the sidebar the same time it I reach the footer?

I thought about something maybe like “(0, sidebarTop – scrollTop)” with ‘sidebartop’ being the position (‘top’ increases as you scroll so it pushes the sidebar down) but it not working right.. it’s actually pushing it up

I’m a bit sleep deprived and I may not be thinking about it clear at the moment but I need to figure this out for a client due saturday..

You see how the sidebar long? (shorten your browser) — I would like it so that the sidebar will move gradually down with the content just like this

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need little extra math: http://jsfiddle.net/VEsdu/317/

    scrolled = Math.min(1, (scrollTop - sidebarTop)/(ch - wh));
topPosition += scrolled * (ch - sh);

    On the first line we get what part of content in the viewport – 0 for top of content at viewport top, 1 for bottom of content at viewport bottom.
    On the second line adding the margin to sidebar proportional to difference between content/sidebar heights.

    I’m not sure this will work with viewport taller than sidebar/content or after window resize, you should check that cases.

    • 0