Scroll在Phonegap应用程序中无缘无故地显示自己

Question

我正在使用Phonegap构建构建应用程序。该应用程序只是另一个列表应用程序，带有输入字段和“插入”按钮。用户在键入要保存的短语后按下按钮插入值，该值显示在滚动框内。以下是滚动框的代码（HTML，jQuery，CSS）：

<script>
 $( document ).ready(function() {
        center();
   });

        function center(){
        var wh = $(window).height()*0.56;
        $('#demo').css({'height':wh+'px'});
        }
</script>

<div class="container">
<div class="row">

<div id="demo" align="center" class="col-md-12"></div>

</div>
</div>

<style>
#demo {
    overflow: scroll;
    padding-left: 30px;
    height: 200px;
    width: 100%;
}
</style>

#demo是滚动框所在的位置。我的问题是：

即使我第一次打开应用程序，滚动条也会自动显示。我在很多手机上试过它，其中一半有这个问题而在其他手机上没有出现滚动条。我在网上搜索但我找不到类似的问题。你知道我怎么能让滚动条变得不可见吗？提前谢谢。

Answer 1

您是否尝试设置overflow-x: hidden;和overflow-y: auto;？如果没有尝试像这样使用它

<style>
#demo {
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 30px;
    height: 200px;
    width: 100%;
}
</style>