How to get the header out of the scroll area?

Question

I have a header and a long scrollable content. I\'d like the header to not be scrollable. I tried setting overflow: hidden to the header but without success.

Answer 1

Remove your inline styles first. Then add this css.

html , body {
  margin: 0px;
  height: 100%;

}

.content {
  height: 100%;
  overflow: scroll;
}

https://jsfiddle.net/sthsuuec/11/