overflow-y scroll always show even it not overflow

Question

I'm doing "Scroll JQuery Mobile Panel Separately From Content" ,what I have done

I apply this css to Achieve what I do but the problem is

overflow-y : scroll ==> Always show even its content not overflow.

Do you have any idea about it, Thank in advance.

.ui-panel-inner {
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    bottom: 0px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

Answer 1

Try using overflow: auto instead. That will only show scrollbars when the content overflows the normal height, whereas overflow: scroll will show them all the time.

Answer 2

overflow-y : scroll always display scroll bars, use auto instead.

.fixed-panel {
  min-height: 280px;
  max-height: 280px;
  overflow-y: auto;
}