Jake

I'm trying to set up my page such that my document's scroll behaves exactly like a 'scroll' draggable. What I'm really after is document scrolling that snaps to certain areas of the page, but with all the silky physics of Draggable — I basically want my scroll events to act just as if they were throws. For example, look at GreenSock's own "scrolly knob" demo. When the scroll area is dragged, or when the knob is turned, the scroll velocity is animated smoothly to a stop at one of the snap points. But when the content is manually scrolled by the user, there's no inertia or snapping. What I want is for mouse scrolling to behave just as the other scroll methods do. Any help with achieving this effect would be greatly appreciated!

Agh, jeez, this is embarrassing… Just figured it out. The problem was actually in my code that interpolated my timelines based on the scroll position — I was using window.innerHeight, which isn't supported in IE8. Just fixed it. Thanks so much for pointing me in the right direction, though! I'm amazed at how good this tech support is, especially for a free product. GreenSock is really, really the best.

Wow, thanks for the unbelievably snappy and helpful response. Codepen is here: http://codepen.io/jakezien/full/msaCF I'm using staggerFrom(). As far as I can tell, there's nothing applied by default, but I copied all the CSS on the relevant elements to the codepen. I've set it up so that by default, the element is positioned correctly, and I use the from tween to bring it in from offscreen. I'm using real IE8, both on a real Win7 machine and a VirtualBox install of XP on my mac. Still investigating, and will report back if I find anything else.

Hey all, I'm hitting a very frustrating wall trying to make my tweens work in IE8. When attempting to transform my elements with the x and y properties, I get "error: Invalid argument" on line 1308, which I've traced back to line 1236. It seems that at the beginning of _setIETransformRatio, the _gsTransform object already has the value 'NaN' for its x (or y) property. Strangely, the properties show the correct values right up until the tweens begin, but as soon as they do, the values become NaN. I've searched the forums to no avail. I don't think it's my CSS, as the problem still shows up if I disable it all. Also worth noting is that my timeline is actually paused and controlled by the user's scroll position. Working on putting together a codepen, but any help in the meantime would be greatly appreciated!