amolk · May 8, 2024 17:47 · icyz · Jul 28, 2022
diff --git a/remove-rubber-band-web-apps-ios b/remove-rubber-band-web-apps-ios
 <!DOCTYPE html> 
 <html> 
 <head> 
  <title>Remove rubberband scrolling from web apps on mobile safari (iOS)</title>
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta id="extViewportMeta" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
  <style>
    html, body {margin: 0; padding: 0; overflow: hidden}
  </style>
  
 </head>
 <body>
  <script>
    document.body.addEventListener('touchmove', function(event) {
      event.preventDefault();
    }, {
      passive: false,
      useCapture: false
    });

    window.onresize = function() {
      $(document.body).width(window.innerWidth).height(window.innerHeight);
    }

    $(function() {
      window.onresize();
    });
  </script>
  
  Try pulling down this page with touch in iPhone/iPad, nothing happens! No rubberband scroll.
 </body>
 </html>