The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Overflow issue with absolute positioning

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #237372

    I am trying to create a messaging sidebar. I want sidebar’s height to increase on scroll and remain 100% height of the viewport when the navbar is not visible on viewport. I want to keep the header and form on bottom fixed. So far I have created this

    I want to enable scrolling on the middle section when the viewport height is smaller, but because the sidebar-bottom div is set to absolute position, the sidebar-middle div contents going behind it.

    I would highly appreciate if anyone can provide me any idea for a solution.


    Firstly, a reduced demo of just the sidebar section would be ideal.

    If there’s anything in there not related to the sibebar, it would be optimal to remove it from the demo.

    We really don’t want to be wading through hundreds fo lines of irrelevant HTML and CSs just to deal with one specific portion of a page.


    I updated my pen and removed body contents, but I kept the navbar because its needed for the scrolling effect.



Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.