CSS-style easing and tweening in JavaScript.
$ npm install --save ease-tween
var easeTween = require("easeTween").easeTween;
function easeScrollElementX(element, x, duration, callback) {
var startX = element.scrollLeft;
var maxX = element.scrollWidth - element.clientWidth;
var distanceX = Math.max(0, Math.min(x, maxX)) - startX;
easeTween(duration, function (t) {
element.scrollLeft = t * distanceX + startX;
},
callback);
}
See ease-scroll for more information.
TODO
TODO
An exponential approximation of the default CSS transition timing function.
Absolute error | |
---|---|
Minimum | −7.085130 × 10−2 |
Maximum | 4.759085 × 10−2 |
Mean | 2.238834 × 10−4 |
Standard error of mean | 4.029076 × 10−3 |
Median | 3.505542 × 10−3 |
Variance | 1.282443 × 10−3 |
Standard deviation | 3.581121 × 10−2 |
Skew | −5.665190 × 10−1 |
Kurtosis | −7.313037 × 10−1 |
Made by Miëtek Bak. Published under the MIT X11 license.
Thanks to Robert Penner for popularising the use of easing functions.
The approximation was found with ZunZun, based on samples obtained with bezier-easing.