Javascript RequestAnimationFrame在Safari中不可用-如何制作流体动画?
除了Safari之外,它在所有浏览器中都能平稳运行,因为它没有“RequestAnimationFrame”。请注意,这些元素是使用JavaScript定位的,没有JavaScript可能无法完成。在Safari上,我必须使用Javascript RequestAnimationFrame在Safari中不可用-如何制作流体动画?,javascript,jquery,html,safari,parallax,Javascript,Jquery,Html,Safari,Parallax,除了Safari之外,它在所有浏览器中都能平稳运行,因为它没有“RequestAnimationFrame”。请注意,这些元素是使用JavaScript定位的,没有JavaScript可能无法完成。在Safari上,我必须使用window.onscroll刷新元素的位置,这不会给出流畅的结果 如何解决这个问题?Safari 6 用于跨浏览器兼容性,它使用计时器。只需在使用rAF之前输入此代码 // http://paulirish.com/2011/requestanimationframe-f
window.onscroll
刷新元素的位置,这不会给出流畅的结果
如何解决这个问题?Safari 6
用于跨浏览器兼容性,它使用计时器。只需在使用rAF之前输入此代码
// 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);
};
}());
//http://paulirish.com/2011/requestanimationframe-for-smart-animating/
// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
//Erik Möller的requestAnimationFrame polyfill。来自Paul Irish和Tino Zijdel的修复
//麻省理工学院执照
(功能(){
var lastTime=0;
var供应商=['ms','moz','webkit','o'];
对于(var x=0;x