Apache cordova在android上哪里是滚动条？

2019年8月4日 140次阅读

我尝试使用cordova构建一个简单的应用程序,目标是
android

我只想要一个可滚动的div但是

>如果内容小于div的高度,则滚动条始终可见
>如果内容大于div的高度,滚动条永远不会出现,即使我滚动：滚动是可能的但没有滚动条位置指示

我的布局很简单：

<body>
    <div id='views'>
        <div class='view'>
            Lorem ipsum ...
        </div>
    </div>
</body>

Css也很简单：

#views {
    position : absolute;
    top:0; right:0; bottom:0; left:0;
}

.view {
    position : absolute;
    top:0; right:0; bottom:0; left:0;
    overflow-x                 : hidden;
    overflow-y                 : scroll;
    -webkit-overflow-scrolling : touch;
    overflow-scrolling         : touch;
}

然后我用命令：cordova运行android

注意 ：

>我使用cordova版本3.3.1-0.3.1
>测试Nexus 7更新(android kitkat)
>上一个Android API：19

谢谢你的帮助

编辑：我只是尝试使用iOs模拟器(iOS 6.1),当我滚动时滚动条是可见的…

[更新]
谢谢你的帮助.
这是在android上有滚动条的正确代码

[更新2]
这不完全没问题,尝试这个,整个窗口滚动,而不仅仅是.view内容

HTML

<body>
    <div id='views'>
        <div class='view'>
            Lorem ipsum ...
        </div>
    </div>
    <div id='menu-bt'></div>
</body>

CSS

.view {
    position:absolute;
    top:0; right:0; bottom:0; left:0;
    overflow:visible;
    -webkit-overflow-scrolling:touch;
    overflow-scrolling:touch;
}

#menu-bt {
    position:absolute;
    right:40px; bottom:40px;
    width:50px; height:50px;
    background-color:green;
}

然后,在文件/plate /android/src/io/cordova/myProject/MyProject.java中添加此行

super.appView.setVerticalScrollBarEnabled(true);

最佳答案 在这里测试并将溢出更改为可见它可以工作.

此外,请确保通过添加以下行启用Android活动文件中的滚动条(如here所示)：

super.appView.setVerticalScrollBarEnabled(true);
点赞