Forums

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
    Posts
  • #237372
    azs06
    Participant

    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 http://codepen.io/azs06/full/zrjYNB/

    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.

    #237374
    Paulie_D
    Member

    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.

    #237377
    azs06
    Participant

    I updated my pen and removed body contents, but I kept the navbar because its needed for the scrolling effect. http://codepen.io/azs06/pen/zrjYNB

    #237396
    Krish1980
    Participant

    deleted

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