Lier le scroll et css transform (effet de flip vertical)

Bonjour,



J'utilise ce code afin de faire une rotation en fonction du scrolling (sur les 600px à partir du haut de page)

$(document).ready(function() {
//scroll
$(window).scroll(function(e) {
var top = $(document).scrollTop();
var wHeight = Math.max(600,$(window).height());

var actPage = Math.floor((top+(wHeight/2))/wHeight);


//page1 anim
if (actPage == 0) {

$('.logo .bg').css({'-webkit-transform':'rotate('+top+'deg)
','-moz-transform':'rotate('+top+'deg)','-o-transf
orm':'rotate('+top+'deg)','-ms-transform':'rotate(
'+top+'deg)','transform':'rotate('+top+'deg)'});


}
});
});



Le code fonctionne bien, mais à la place de la rotation. J'aimerais un effet de flip vertical. En "simple css" j'y arrive avec scaleY à -1.

Mais ici je n'arrive pas à le "lier" au scroll. Je pense qu'il faut que je change la valeur de scaleY en fonction de +top+.

Ce que je n'arrive pas à faire.

Des idées ? Merci !