css - 溢出-y滚动总是显示，即使它没有溢出

Question

我正在做“与内容分开滚动 JQuery 移动面板”，我做了什么

我应用这个 css 来实现我所做的，但问题是

overflow-y : scroll ==> 总是显示它的内容不溢出。

您对此有任何想法，在此先感谢。

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

Answer 1

尝试overflow: auto改用。只有当内容超出正常高度时才会显示滚动条，而overflow: scroll会一直显示滚动条。

Answer 2

overflow-y : scroll总是显示滚动条，使用auto代替。

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