学习

作者: 阿笨的琴 | 来源:发表于2020-07-20 16:07 被阅读0次

    function test() {

                const cubic = value => Math.pow(value, 3);

                const easeInOutCubic = value => value < 0.5

                    ? cubic(value * 2) / 2

                    : 1 - cubic((1 - value) * 2) / 2;

                const el = document.documentElement;

                const beginTime = Date.now();

                const beginValue = el.scrollTop;

                const rAF = window.requestAnimationFrame || (func => setTimeout(func, 16));

                const frameFunc = () => {

                    const progress = (Date.now() - beginTime) / 500;

                    if (progress < 1) {

                        el.scrollTop = beginValue * (1 - easeInOutCubic(progress));

                        rAF(frameFunc);

                    } else {

                        el.scrollTop = 0;

                    }

                };

                rAF(frameFunc);

            }  

    自己记录下。

    相关文章

      网友评论

          本文标题:学习

          本文链接:https://www.haomeiwen.com/subject/cjrykktx.html