My SuperScroll Orama not working in firefox while working in chrome

[sam-94]

$(window).resize(function () {
controller.triggerCheckAnim();
});
var controller = $.superscrollorama();
var pinDur = 500;
// create animation timeline for pinned element
var pinAnimations = new TimelineLite();
pinAnimations
.append([
TweenMax.to($(' #gs1'), 0.5, {css: {opacity: '1', }, ease: Quad.easeInOut}),
TweenMax.to($('#row1'), 0.2, {className: "+=active"}),
])

.append([
TweenMax.to($('#gs1'), 0.5, {css: {opacity: '0', }, ease: Quad.easeInOut}),
TweenMax.to($('#row1'), 0.5, {className: "-=active"}),
TweenMax.to($('#row2'), 0.6, {className: "+=active"}),
TweenMax.to($('#gs2'), 2, {css: {opacity: '1', }, ease: Quad.easeInOut}),
])

.append([
TweenMax.to($('#gs2'), 0.5, {css: {opacity: '0', }, ease: Quad.easeInOut}),
TweenMax.to($('#row2'), 0.5, {className: "-=active"}),
TweenMax.to($('#row3'), 0.6, {className: "+=active"}),
TweenMax.to($('#gs3'), 2, {css: {opacity: '1', }, ease: Quad.easeInOut}),
])

.append([
TweenMax.to($('#gs3'), 0.5, {css: {opacity: '0', }, ease: Quad.easeInOut}),
TweenMax.to($('#row3'), 0.5, {className: "-=active"}),
TweenMax.to($('#row4'), 0.6, {className: "+=active"}),
TweenMax.to($('#gs4'), 2, {css: {opacity: '1', }, ease: Quad.easeInOut}),
])

// pin element, use onPin and onUnpin to adjust the height of the element
controller.pin($('.animatedscrollwrap'), pinDur, {
anim: pinAnimations,
offset: 500,

});