I just tested a page I created on mobile (iPhone 6 Plus) and it seemed to feel very heavy.
What I mean is that 1) the scroll does not seem to glide smoothly and works only in jerks 2) it does not scroll to the bottom easily and requires many flicks to move towards the end. And the page has barely any content on it.
Other pages e.g. CNN etc. scroll very smoothly, so its not the iPhone.
Here is an example:
www.scrpt.com/office/Website-Singlepage/
Website-Singlepage.saolapack (8.7 KB)
Hi Shawn,
By default, iOS devices don’t use momentum scrolling for HTML elements other than the body element.
The scrollable element in your project is the scene, not the HTML body.
So you must enable momentum scrolling for the scene, for example, by adding the following script to the scene activate event:
function onSceneActivated(doc, e) {
this.dom.style.WebkitOverflowScrolling = 'touch';
}
For more information, please refer to this page: https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling
Regards
I added your code to Scene activate event but it gives me this error:
Maybe there’s typos in your code.
You can press F12 in the browser, and see the error in Console tab.
Regards
Have you checked the error in Console tab?
This is the error.
There’s a redundant curly brace highlighted in this screenshot:
Regards
Sorry for the typo. Thank you!!