如何在jquery中旋转图像图像3d向上滑动并向下滑动

Question

我必须在3d中旋转我的图像，如下图所示。有蓝色线。当向上和向下滑动时，我需要朝这个方向旋转我的图像。忽略绿色绿线 有什么方法当我向上滑动或向下滑动它旋转/旋转一些角度..

这是我的小提琴 http://jsfiddle.net/wemsbtwj/2/

function scrolling() {
    $("img").css({
            'transform': 'rotate(' + ($("main").scrollTop() / mainHeight * 360) + 'deg)'
    });
}

var mainHeight = $("main").height();

window.addEventListener("scroll", scrolling, false);