学习

作者: 阿笨的琴 | 来源:发表于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);

        }  

自己记录下。

相关文章

  • 学习学习学习

    第三天了,连续三天,早上睁眼开始,看视频,做课件,连续作业,直到晚上十二点才睡觉。吃饭不规律,想起来就吃,感觉不饿...

  • 学习学习学习

    23岁的我,才真正明白,什么是学习,什么是努力,努力和不努力真的不同,就好比同样是一篇稿子,我用一周背下来,有的人...

  • 学习学习学习!

    妈妈总是让我学习,我只能用装当办法。 方法一: 方法二: 方法三: 方法四: ...

  • 学习学习学习

    001.今天看财富自由之路看了第二遍,而且看了一半,算是完成任务很开心。中间有想放弃的念头,坚持看完。眼睛痛,一直...

  • 学习学习学习

    马自达为什么坚持高压缩比自吸

  • 学习!学习!学习!

    学习的痛苦是暂时的 没有学到的痛苦是永恒的 因为学习而特别充实的一天 很踏实 ~~~~ 2015.11.28.阴天...

  • 学习!学习!学习!

    无数次想要去逃离,可这封闭的世界根本出不去。你没有什么可以抛弃、只能咬着牙带着面具微笑的活下去。 没有那个人、他也...

  • 学习学习学习!

    昨天和今天两个上午,都在学习新媒体运营,学习的过程中心里只有一个想法:这也太套路,太功利了吧。可真应了那句话...

  • 学习,学习,学习!

    近期学习重点有两个方面,一方面是把上一个阶段定下任务的几本书读完,并在读的过程中有输出和转化,让阅读和学习真正能有...

  • 学习学习学习

    人不学习不长进,能放下自己的身段,以空杯心态去学习,就能有所收获。 今天在群里听大家讨论写作,这个...

网友评论

      本文标题:学习

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