如何避免在iPhone應用上拉下屏幕

Question

我正在爲iPhone開發應用程序，但如果我用手指拖動，我的應用程序屏幕可以拉下來。我希望頁眉和頁腳能夠保持修復，並且可以將頁面內容拉下來。並且在下拉之後還想要改變屏幕，並且應該是灰色而不是黑色。我正在用cordova（phonegap）使用xcode5。請幫忙。
謝謝你。

Answer 1

如果你使用的科爾多瓦2.3.0+找到config.xml並添加此行：

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

或在科爾多瓦2.6.0+：

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

Answer 2

完成您的應用程序config.xml文件中的下一行： - DisallowOverscroll - >> true - 刪除任何元標記，如他ight =你的html中的設備高度（Cordoba文件）。 有關背景黑色看看這有助於：phonegap ios7 select dropdown gets black background

Answer 3

如果您正在使用PhoneGap的3 +再加入

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

對config.xml

Answer 4

在你的代碼

試試這個

<div data-role="footer" data-position="fixed" data-tap-toggle="false"> 

希望這會幫助

Answer 5

請嘗試以下腳本，您的問題將得到解決。

// Function to disable "pull-to-refresh" effect present in some webviews. 
// Especially Crosswalk 12 and above (Chromium 41+) runtimes. 
window.addEventListener('load', function() { 
    var lastTouchY = 0; 
    var maybePreventPullToRefresh = false; 

    // Pull-to-refresh will only trigger if the scroll begins when the 
    // document's Y offset is zero. 

    var touchstartHandler = function(e) { 
     if (e.touches.length != 1) { 
      return; 
     } 
     lastTouchY = e.touches[0].clientY; 
     // maybePreventPullToRefresh = (preventPullToRefreshCheckbox.checked) && (window.pageYOffset == 0) ; 

     maybePreventPullToRefresh = (window.pageYOffset === 0); 
     //document.getElementById('txtLog').textContent = "maybePreventPullToRefresh: " + maybePreventPullToRefresh; 
    }; 

    // To suppress pull-to-refresh it is sufficient to preventDefault the 
    // first overscrolling touchmove. 

    var touchmoveHandler = function(e) { 
     var touchY = e.touches[0].clientY; 
     var touchYDelta = touchY - lastTouchY; 
     lastTouchY = touchY; 

     if (maybePreventPullToRefresh) { 
      maybePreventPullToRefresh = false; 
      //if (touchYDelta > 0) { 
      e.preventDefault(); 
      //document.getElementById('txtLog').textContent = "TouchY: " + touchYDelta; 
      // console.log("pull-to-refresh event detected") ; 
      return; 
      //} 
     } 

     // if (preventScrollCheckbox.checked) { 
     //  e.preventDefault() ; 
     //  return ; 
     // } 

     // if (preventOverscrollGlowCheckbox.checked) { 
     //  if (window.pageYOffset == 0 && touchYDelta > 0) { 
     //   e.preventDefault() ; 
     //   return ; 
     //  } 
     // } 
    }; 



    document.addEventListener('touchstart', touchstartHandler, false); 

    document.addEventListener('touchmove', touchmoveHandler, false); 

});