Остановить overscroll/bounce в Phonegap IOS

Question

Я использую самую последнюю версию Phonegap на IOS (ipad), и я не могу отключить вертикальный опрос/отскок на всем приложении. Я не против этого во внутренних элементах, но это выглядит довольно странно, когда вы прокручиваете вверх или вниз, и все приложение отскакивает вверх и вниз.

Я пробовал установить UIWebViewBounce на no в .plist, однако, похоже, ничего не сделал.

Цените помощь :)

Answer 1

Вы должны изменить свойство в файле config.xml. Просто установите следующее предпочтение true

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

Answer 2

Принятый ответ не работает для меня, я должен был установить UIWebViewBounce в false:

<preference name="UIWebViewBounce" value="false" /> 

Answer 3

Используйте это:

<preference name="UIWebViewBounce" value="false" /> 

Answer 4

это это то, что работало для моего приложения, работающего с телефонной связью 3.0: , добавьте следующую строку в config.xml

<preference name="webviewbounce" value="false"/> 

Answer 5

теперь PhoneGap 3.0 выше использования версии ниже Синтекс в config.xml файле и он будет работает 100%

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

Answer 6

Если вы добавляете <preference name="DisallowOverscroll" value="true"/> в config.xml без удачи, вы можете изменить неправильный файл. Вместо этого выполните поиск по всему каталогу телефонной книги для «DisallowOverscroll». Вы должны найти несколько экземпляров. Измените их на true.

Cheers.

Answer 7

В файле config.xml вашего проекта, при настройках для iOS установите DisallowOverscroll в true. По умолчанию он является ложным, что делает весь вид прокрутки вместе с внутренними элементами представления.

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

Answer 8

В файле config.xml вашего проекта, в соответствии с настройками для iOS set DisallowOverscroll для true.

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

Answer 9

Существует способ, которым я использовал для достижения этого. но это не условно, потому что он имеет дело с внутренним кодированием. В MainViewController существует метод webViewDidFinishLoad. Включите это
theWebView.scrollView.bounces = НЕТ;

внутри это способ.

- (void)webViewDidFinishLoad:(UIWebView*)theWebView 
{ 
    // Black base color for background matches the native apps 
    theWebView.backgroundColor = [UIColor blackColor]; 
    theWebView.scrollView.bounces= NO; 
    return [super webViewDidFinishLoad:theWebView]; 
} 

Поскольку это родной код ios, это будет работать в любом распределении телефонной связью/кордорой.

Answer 10

Это сработало для меня. Попробуйте добавить этот код в config.xml файле вашего PhoneGap приложение:

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

Answer 11

Если ничего не работает, попробуйте удалить -webkit-overflow-scrolling: touch из вашего CSS ... если бы вы его!

Answer 12

Спасибо за ответ. Но если у вас проблема в Windows Phone, вот решение. Просто зайдите в MainPage.xaml.cs файл и заменить ниже функции ..

public MainPage() 
    { 
     InitializeComponent(); 
     this.CordovaView.DisableBouncyScrolling = true; 
     this.CordovaView.Loaded += CordovaView_Loaded; 
    } 

Its работает для меня :)

Answer 13

Лучше изменить два элемента в config.xml следующим образом:

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

Answer 14

Используйте этот способ: -

function disallowOverscroll(){ 
    $(document).on('touchmove',function(e){ 
    e.preventDefault(); 
    }); 
    $('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(); 
    }); 
} 
disallowOverscroll(); 

Для получения более подробной информации или советы & Трюки, пожалуйста, прочтите эту статью click

Answer 15

У меня была аналогичная проблема, но я не мог исправить ее всеми решениями, которые я нашел до сих пор (например, редактирование config.xml).

Но в конце концов, просто редактируя CSS свойство тела затем он фиксируется:

html,body 
{ 
    overflow: auto; 
    height:100%; 
} 

Answer 16

Try This One Если вы ионная структура пользователя Abc.html файл внутри контента.

<ion-content has-bouncing="false">

Answer 17

Открыть Xcode -> найти и нажмите на config.xml слева меню-> и изменить значение DisallowOverscroll ложное истинному Или использовать этот код, заменив предыдущий.

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

Answer 18

Для Кордова 7 и iPhone 7 + IOS, 11.0.3, изменяя config.xml корневого каталога и добавить это работало красиво:

<platform name="ios"> 
    <preference name="DisallowOverscroll" value="true" /> 
    <preference name="UIWebViewBounce" value="false" /> 
    ... (other stuff) ... 
</platform>