how do i make my bootstrap carousel scrollable without removing my overlaped navbar

please i was trying to build a bootstrap carousel, with darkened background ima开发者_C百科ges and i overlapped the navbar into the slideshow, but the carousel became unscrollable, it took the full weight and height of the screen,if the change the position from absolute, it becomes scrollable but at the same time the navbar doesnt overlap into the carousel.

`

   #demo{
     position:absolute;
        width:100%;
           top:0;
   }

please how do i make the carousel only a banner secion, without removing the navbar section?

0i tried changing the Id (#demo) position from absolute to relative, the overlapped navbar went out of the carousel and the page becomes scrollable but if i add position : absolute, the navbar overlaps into the carousel but the webpage stops being scrollable