android - 如何在 phonegap 应用程序中添加滚动条

Question

我正在为 Android 平台在 PhoneGap 中开发一个应用程序。

在此应用程序中，不显示滚动条。如何在我的应用程序中显示滚动条？

Answer 1

这是我的示例活动，它将显示滚动条

public class MyActivity extends DroidGap {

    @Override
    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        super.loadUrl("file:///android_asset/www/index.html");

        // Display vertical scrollbar and hide horizontal scrollBar
        super.appView.setVerticalScrollBarEnabled(true);
        super.appView.setHorizontalScrollBarEnabled(false);
        // set scrollbar style
        super.appView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
    }

}

Answer 2

良好的滚动是在 phonegap/cordova 项目中看不到的效果，为此我们可以提供工具第三方库，您可以将它们包含在您的项目中。我用于我的项目的一个是iscroll 4。即使这样也有一些问题，但是可以通过浏览 iscroll4 的 google 组来解决，还有这个jquery-mobile也可以为 phonegap 项目提供滚动效果。

Answer 3

如果您想在主 div 内使用滚动 div，此解决方案并不能完全解决问题。

将其他元素放在主 div 上的绝对位置。

试试这个：Apache cordova on android where are scrollbars?

Answer 4

我们一直面临着同样的问题。Cordova 在 中禁用 web 视图上的滚动条CordovaWebView.java，因此我们创建了一个插件，允许您从 JavaScript 以编程方式重新启用垂直滚动条，而无需破坏 Cordova：

mayflower.AndroidScrollbar.toggleVerticalScrollbarVisibility(true)
.then(
    function() {
        console.log('Vertical scrollbar enabled');
    }
);

Answer 5

我正在使用 Cordova 5.2+ 并面临同样的挑战。但是，我在这里找到了解决方案：

• 您可以转到：位于 yourAppName\platforms\android\CordovaLib\src\org\apache\cordova\SystemWebViewEngine.java 中的SystemWebViewEngine.java

• 然后，设置：

  webView.setVerticalScrollBarEnabled(true);

希望对帕尔有帮助！