-webkit-overflow-прокрутка: коснитесь на Android

#android #html #ios #css #cordova

#Android #HTML #iOS #css #кордова

Вопрос:

я только что закончил разработку своего приложения для iOS с помощью Cordova. Итак, теперь я хочу сделать то же самое на Android. Все работает нормально, но: Вы не можете прокручивать содержимое. У меня есть фиксированный верхний / нижний колонтитул, затем изображение, а затем несколько точек навигации.

На iOS вы можете прокручивать содержимое, чтобы видеть логотип клиента на заднем плане. На Android это не работает, вы не можете прокручивать содержимое, чтобы увидеть логотип.

Я читал, что -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;
}
 

Ответ №1:

Может быть, вы можете взглянуть на iScroll.