Sticky scrolling on iPhone

Hello. I just finished building a rather image-heavy website with X-Pro. My client has informed that the site “sticks” when scrolling. I have optimized the images and reduced the sizes to the minimum needed, but the issue still exists. I don’t believe this is an X-Pro issue, however, on Stack Overflow.com, someone suggested placing the code below inside the tag of the site. This may seem a silly question, but in X-Pro, how would I place anything in the body of the page? Would I simply add it to the CSS of that page?

Any thoughts would be appreciated.

Add this to your body or the main div: -webkit-overflow-scrolling: touch;

This issue is actually solved. I found elsewhere in this forum where it was stated to ensure that the footer height (ie. footer builder) was set to “Auto”. I had it set to 100px and when I reverted to auto it did indeed fix the issue. I assume this is a bug in the Theme?

Hey @mcaravaglia,

It’s not a bug. The auto setting is just needed. If you want to use fixed height, you can also set the Bar’s Overflow to Hidden.

image

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.