在页面转换期间从Jquery Mobile删除滚动条

时间:2012-05-15 20:53:10

标签: jquery android mobile transition

我正在使用针对Android平板电脑的JQuery移动设备编写应用程序(我正在使用Honeycomb Android 3.0进行测试)。当我使用幻灯片切换从页面转换到页面时,在转换过程中,我看到滚动条。在转换之前和之后,滚动条消失。我试图使用:

html { overflow: hidden; }

body { overflow: hidden; }

* { overflow: hidden; }

.ui-page { overflow: hidden; }

但是,这些都不起作用。有没有人有任何想法?我对Android和JQuery移动设备非常厌倦。我甚至将Jquery移动页面包装在原生的Android WebView中,但我仍然遇到类似的问题。啊!我最初是为了节省时间而走这条路,但现在我想我应该从一开始就是本土的。

如果有人能提供帮助,我们将不胜感激。

谢谢!

更新

好的,所以在用JavaScript删除滚动条后,我尝试用Java编写。我做了以下事情:

    WebView wv = (WebView) findViewById(R.id.coWebView);
    wv.setVerticalScrollBarEnabled(false);
    wv.setHorizontalScrollBarEnabled(false);

这看起来很明显,但是滚动条无论如何都不显示 - 我的问题是在转换期间删除它们。然而,这确实摆脱了(对于我至少 - 在Android Honeycomb平板电脑上)过渡期间的垂直滚动条。但我仍然看到一个高约1px的水平滚动条......但它比它更好。

1 个答案:

答案 0 :(得分:0)

我在java文件中添加它;我的cordova版本是4.0。滚动条现在消失了。

super.appView.setHorizontalScrollBarEnabled(false);

这个函数的完整代码:

    @Override
public void onCreate(Bundle savedInstanceState)
{
    super.onCreate(savedInstanceState);
    super.init();
    ///////
    // Set by <content src="index.html" /> in config.xml
    super.appView.setHorizontalScrollBarEnabled(false);
    super.loadUrl(Config.getStartUrl());
    //super.loadUrl("file:///android_asset/www/index.html");
}