| 54 | }); |
| 55 | |
| 56 | function initAnim(el){ |
| 57 | var start = performance.now() |
| 58 | var last = 0; |
| 59 | var lastTop = 0; |
| 60 | var tick = function(){ |
| 61 | var diff = performance.now() - last; |
| 62 | |
| 63 | if (!last || diff > 50){ |
| 64 | last = performance.now(); |
| 65 | |
| 66 | var nextTop = 50 * Math.sin((last - start) / 1000); |
| 67 | |
| 68 | var curTop = parseFloat(el.style.top || 0); |
| 69 | var topChange = nextTop - lastTop; |
| 70 | lastTop = nextTop; |
| 71 | |
| 72 | var top = curTop + topChange; |
| 73 | |
| 74 | el.style.top = top + 'px'; |
| 75 | |
| 76 | Tether.position(); |
| 77 | } |
| 78 | |
| 79 | requestAnimationFrame(tick); |
| 80 | }; |
| 81 | |
| 82 | tick(); |
| 83 | } |