UI is not updated when scrolling UI

Question

I am working on a Cordoba application. Where I connect to the real-time sensor and read some data from the sensor. The problem is that the data is scrambled when I view the view. This works in android, but not in iOS.

Here is my code snippet.

<div id="right_col"> <button onclick="clearReceivedData()">Clear Received Data</button> <br> <div id="receivedData"></div> </div> function dataReceivedCallback(data) { document.getElementById("receivedData").innerHTML += data.value1 + ": "; document.getElementById("receivedData").innerHTML += data.value2 + ":"; document.getElementById("receivedData").innerHTML += data.value3 + "<br>"; } 

dataReceivedCallback will be called for each of the data received from the sensor. This callback also blocks until the scroll completes. How to update ui even when scrolling user interface.