JavaScript Unable to disable bounce in a html with Swiffy object

i have a html file converted by swiffy that looks like this:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Swiffy output</title>
    <script src="https://www.gstatic.com/swiffy/v5.2/runtime.js"></script>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width, target-densityDpi=device-dpi, initial-scale=1.0, user-scalable=no, maximum-scale=1.0">
    <script>
        function stopScrolling( touchEvent ) { alert("wa");touchEvent.preventDefault(); }
        document.addEventListener('touchstart', stopScrolling , false );
        document.addEventListener('touchmove', stopScrolling , false );
    </script>
    <script>
      swiffyobject = ...........
    </script>
    <style>html, body {width: 100%; height: 100%}</style>
  </head>

  <body style="margin: 0;">
    <div id="swiffycontainer" style="width: 100%; height: 100%">
    </div>
    <script>
      var stage = new swiffy.Stage(document.getElementById('swiffycontainer'),
                                   swiffyobject);

      stage.start();
    </script>
  </body>
</html>

When view this page in iPhone, the website keeps bouncing in Safari and prevents me from doing more advanced touch detection.

I searched on stackoverflow and most answers suggested the same thing: listen to touchstart/touchmove and call preventDefault.

As shown above i have implemented tat but it doesnt seem to be working at all.

Any help? How can I prevents the bouncing in safari?

Answer:1

Detect when Apache Cordova and JQuery are both ready

I have built apache cordova using the npm functions and have opened it in Eclipse, I have edited it and so far the changes seem to be working okay. I want to now set up some bindings on the buttons I ...

detect apache struts
detect apache version
detect apache version remotely
detect apache version online
detect apache struts version
detect apache struts vulnerability
detect apache tomcat version
detect apache
detect apache version nmap
detect apache attack
detect apache config
detect apache webserver

How to chain playing of several HTML5 audio files like a smooth playlist?

Given access to valid audio files : <audio src="https://upload.wikimedia.org/wikipedia/commons/9/9b/Zh-Tianjin.ogg"></audio> <audio src="https://upload.wikimedia.org/wikipedia/commons/...

jQuery (or other javascript) to stack divs at fixed distance from top of viewport

I would like it so that the as the user scrolls down the page and hits certain "sticky" elements, they add themselves to the top of the page. I.e., let's say the page has a fixed, 10px high element ...

jquery vs other javascript frameworks
jquery and other javascript frameworks
jquery breaks another javascript
jquery use other javascript
jquery conflict with other javascript
jquery run after all other javascript

what is this angular error?

Just made a simple controller with some injection. var SimpleProductListController = BaseController.extend({ _notifications:null, _productsModel:null, init:function($scope,...

what is angular js
what is angular velocity
what is angular acceleration
what is angular 2
what is angular directive
what is angular component
what does angular mean
what is angular 4
what is angular.json
what is angular service
what is angular observable
what is angular zone
what is angular router
what is angular controller
what is angular template
what is angular typescript
what is angular promise
what is angular subscribe
what is angular viewchild
what is angular injector