Jerky scroll on mobile


(Steve Warby) #1

Hi Huys,

please have a look at http://www.og-joinery.com/ogJoinery2.html

On mobile the home page test area scrolling is not fluent.

What am I missing here please ?

Cheers

Steve Warby


(Jonathan Deutsch) #2

There’s probably a couple things. First note that the nice iOS-style scrolling isn’t the default behavior; there’s a -webkit CSS property to achieve this. So I would:

  1. For each scrollable group element, add a class name in the Identity Inspector (like “scrollgroup”)
  2. In your Head HTML <style> tag, use this class to specify the needed property:
.scrollgroup {
    -webkit-overflow-scrolling: touch;
}

Additionally there are some resources that you have that are quite large in file size and dimensions. You may want to think about reducing their size.


(Steve Warby) #4

Thanks Johnathon for the info,

I added the code and reduce some I,age file sizes and it seems to run very smoothly.

www.o-gjoinery.com

Cheers

Steve Warby


#5

It looks like there’s still a few images which area really large: