ActivePresenter Saola Animate Pricing Download

Pages heavy on mobile?

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:

image

Maybe there’s typos in your code.
You can press F12 in the browser, and see the error in Console tab.

Regards

Apologies if that is the case. Here is the pack:

Website-Singlepage.saolapack (8.9 KB)

Have you checked the error in Console tab?

This is the error.

image

There’s a redundant curly brace highlighted in this screenshot:

syntax%20error

Regards

Sorry for the typo. Thank you!!