Posted in Images

Rotating Element On Scrolling

/*—————————–
ROTATE HOME IMAGE
——————————*/
var throttle = function (type, name, obj) {
var obj = obj || window;
var running = false;
var func = function () {
if (running) {
return;
}
running = true;
requestAnimationFrame(function () {
obj.dispatchEvent(new CustomEvent(name));
running = false;
});
};
obj.addEventListener(type, func);
};
throttle(“scroll”, “optimizedScroll”);
var rotate_img = document.getElementById(“rotate-drone”);
// to use the script *without* anti-jank, set the event to “scroll” and remove the anonymous function.
window.addEventListener(“optimizedScroll”, function () {
rotate_img.style.transform = “rotate(-” + (window.pageYOffset / 8) + “deg)”;
rotate_img.style.let = “(-” + (window.pageYOffset / 8) + “px)”;
// rotate_img.style.transform = “rotate(” + window.pageYOffset + “deg)”;
});

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s