js requestAnimationFrame 移动端兼容
时间: 2023-11-30 19:43:13 浏览: 63
原生js实现移动端Touch轮播图的方法步骤
JS的requestAnimationFrame在移动端大部分浏览器都兼容,但是不同浏览器的兼容性代码略有不同。为了保证兼容性,可以使用以下代码:
```javascript
var requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(callback) {
window.setTimeout(callback, 1000 / 60);
};
```
其中,window.requestAnimationFrame是标准方法,其他的是不同浏览器的兼容性代码。如果浏览器不支持requestAnimationFrame,则使用setTimeout来模拟实现。
阅读全文