Permalink
Browse files

added polyfill for requestAnimationFrame

  • Loading branch information...
markentingh committed May 25, 2017
1 parent 1114cee commit fa85d459352e99c38140d17853298114c457ae79
Showing with 41 additions and 1 deletion.
  1. +8 −1 App/Dashboard/Pages/pages.html
  2. +33 −0 App/Scripts/platform/polyfill.js
@@ -56,7 +56,14 @@ <h4>#title#</h4>
</div>
</div>
<div class="row foot pad">
<a href="#url#" class="text page-url" target="_blank">#url-name#</a>
<div class="col icon tiny pad-right-sm">
<svg viewBox="0 0 32 32">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-arrow-right" x="0" y="0" width="32" height="32"></use>
</svg>
</div>
<div class="col">
<a href="#url#" class="text page-url" target="_blank">#url-name#</a>
</div>
</div>
<div class="row pad">
@@ -45,3 +45,36 @@ if (!Array.prototype.findIndex) {
}
});
}
// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
// MIT license
(function() {
var lastTime = 0;
var vendors = ['ms', 'moz', 'webkit', 'o'];
for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame']
|| window[vendors[x]+'CancelRequestAnimationFrame'];
}
if (!window.requestAnimationFrame)
window.requestAnimationFrame = function(callback, element) {
var currTime = new Date().getTime();
var timeToCall = Math.max(0, 16 - (currTime - lastTime));
var id = window.setTimeout(function() { callback(currTime + timeToCall); },
timeToCall);
lastTime = currTime + timeToCall;
return id;
};
if (!window.cancelAnimationFrame)
window.cancelAnimationFrame = function(id) {
clearTimeout(id);
};
}());

0 comments on commit fa85d45

Please sign in to comment.