android - -webkit-溢出-滚动 : touch on android

Question

我刚刚用 Cordova 开发了我的 iOS 应用程序。所以现在我想在 Android 上做同样的事情。一切正常，但是:您不能过度滚动内容。我有一个固定的页眉/页脚，然后是图片，然后是一些导航点。

在 iOS 上，您可以滚动内容，以便在背景中看到客户 Logo 。在 Android 上这不起作用，您不能过度滚动内容来查看 Logo 。

我读到 -webkit-overflow-scrolling: touch 和 overflow: scroll 在 Android 上不起作用。但这些问题是从 2011 年开始的。是否仍然无法在 Android 上使内容可过度滚动？

谢谢!!

.ScrollableWrapper {
    overflow: scroll;
    -webkit-overflow-scrolling: touch; /*to make it smooth as native*/
    background:url(../img/start/bg_wrapper.jpg)no-repeat scroll 0 0 / 320px 480px rgba(0, 0, 0, 0);
    top: 45px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    position: fixed;
}

 #header {
    padding-top: 0px;
    margin: 0px;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 320px;
    z-index: 2;
    max-height: 45px !important;
    height: 45px !important;
}

#foooter {
    position: fixed;
    bottom: 0px;
    z-index: 2000;
    width: 100%;
    height: 58px;
}

Answer 1

也许你可以看看iScroll .