Desbordamiento-y desplazamiento siempre se muestra incluso si no se desborda

Estoy haciendo "Desplazar JQuery Mobile Panel por separado del contenido",que he hecho

Aplico este css para lograr lo que hago pero el problema es

overflow-y: scroll ==> Siempre muestre que incluso su contenido no se desborda.

¿Tienes alguna idea al respecto, gracias de antemano.

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

Respuestas a la pregunta(2)

Su respuesta a la pregunta