Scrolling height bug using skrollr.js on safari io

2019-08-30 19:51发布

问题:

I've been racking my brain trying to understand what I'm doing wrong. I'm using prinzhorn's skrollr.js for scrolling animation effects on my portfolio redesign and it works great on desktop and even chrome for ios7.

But...when loading in safari ios7 it scrolls only so far (to the brand logos section) then stops before reaching the end of the page. Only when I change the orientation to landscape, then back to portrait does it correct itself.

I've also noticed some strange inconsistencies when I reload. Sometimes it will scroll a little farther, sometimes a little shorter. And my initial logo (AP) at the top of the page will disappear sometimes until I initiate scrolling.

Anyone have any thoughts? Markup mistake? I tried messing the the "forceHeight: false" but to no avail. I've been removing and shifting around things but that doesn't help either. I even added my "clearfix" class but still having issues. I'm sure I'm being a dummy about it. Any insights would help immensely. Demo link below:

http://dl.dropboxusercontent.com/u/35202847/portfolio_v7/about.html