Как настроить прокрутку для мобильного приложения?

Question

Привет, Я разрабатываю кросс-платформенное мобильное приложение, используя кордову. На платформе iOS мое приложение прокручивается, когда страница перемещается вверх и вниз. Для этого у меня есть код, чтобы остановить прокрутку и сделать мое приложение родным приложением, используя следующий скрипт.

$('body').on('touchstart','.scrollable',function(e) { 
    if (e.currentTarget.scrollTop === 0) { 
     e.currentTarget.scrollTop = 1; 
    } else if (e.currentTarget.scrollHeight 
       === e.currentTarget.scrollTop 
        + e.currentTarget.offsetHeight) { 
     e.currentTarget.scrollTop -= 1; 
    } 
    }); 
    $('body').on('touchmove','.scrollable',function(e) { 
    e.stopPropagation(); 
    }); 

Это прекрасно работает. Мое приложение не прокручивает сверху и снизу. Но в моем коде у меня есть элемент div с атрибутом стиля overflow:auto;, который прокручивается, когда содержимое превышает размер div, но после использования этого кода моя прокрутка div не работает. Как сделать эту работу. Это мой CSS код div элемента,

.tablediv { 
    position: absolute; 
    left: 0px; 
    top: 136px; 
    width: 414px; 
    height: 375px; 
    overflow: auto; 
} 

Мне нужно прокручивать элементы, которые необходимы. Кто-нибудь может мне помочь? Заранее спасибо.

Answer 1

Вам не нужно писать JS для предотвращения overscroll, есть установка в вашем config.xml для этого:

<preference name="DisallowOverscroll" value="true" />