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

时间:2012-05-21 11:07:45

标签: android cordova scrollbar

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

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

5 个答案:

答案 0 :(得分:5)

这是我的示例Activity,它将显示滚动条

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);
    }

}

答案 1 :(得分:2)

良好的滚动是在phonegap / cordova项目中无法看到的效果,为此我们可以在您的项目中包含工具第三方库。我用于项目的那个是iscroll 4。即使这有一些问题,但这可以解决冲浪谷歌组的iscroll4 另外还有这个jquery-mobile,它还为phonegap项目提供了滚动效果。

答案 2 :(得分:0)

如果您想在主div中使用滚动div,则此解决方案无法完全解决问题。

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

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

答案 3 :(得分:0)

我们一直面临同样的问题。 Cordova禁用CordovaWebView.java中网页视图上的滚动条,因此我们创建了一个plugin,允许您以编程方式从JavaScript重新启用垂直滚动条,而不会破坏Cordova:

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

答案 4 :(得分:0)

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

  • 您可以访问:位于的 SystemWebViewEngine.java yourAppName \平台\机器人\ CordovaLib \ SRC \组织\阿帕奇\科尔多瓦\ SystemWebViewEngine.java

  • 然后,设置:

    webView.setVerticalScrollBarEnabled(真);

希望它有助于Pal!