2014-03-27 110 views
2

我正在为iPhone开发应用程序,但如果我用手指拖动,我的应用程序屏幕可以拉下来。我希望页眉和页脚能够保持修复,并且可以将页面内容拉下来。并且在下拉之后还想要改变屏幕,并且应该是灰色而不是黑色。我正在用cordova(phonegap)使用xcode5。请帮忙。
谢谢你。
enter image description here如何避免在iPhone应用上拉下屏幕

enter image description here

回答

3

如果你使用的科尔多瓦2.3.0+找到config.xml并添加此行:

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

或在科尔多瓦2.6.0+:

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

谢谢@milind,我会尽力让你知道。 任何想法如何将屏幕下方的黑色变为灰色? – Sushant

+0

@Sushant:这将防止屏幕拉动。将让你如果我可以得到有关颜色变化的东西。 –

+0

它工作了!感谢@milind。 :) – Sushant

2

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

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

对config.xml

enter image description here

+0

它工作了!谢谢@Arjun。 grt工作!你能告诉我现在修复标题和灰色背景的可移动内屏幕 – Sushant

+0

使用CSS溢出属性, –

0

在你的代码

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

希望这会帮助

0

请尝试以下脚本,您的问题将得到解决。

// 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); 

}); 
相关问题