美文网首页
zepto写点击返回顶部

zepto写点击返回顶部

作者: cs大个子女生 | 来源:发表于2019-03-01 17:29 被阅读0次

zepto不能执行animate动画,只能用原生js来写

html


js


function clickHandler() {

    var currentScroll = document.documentElement.scrollTop || document.body.scrollTop;

    if (currentScroll > 0) {

        window.requestAnimationFrame(clickHandler);

        window.scrollTo(0, currentScroll - (currentScroll / 6));

    }

}

相关文章

  • zepto写点击返回顶部

    zepto不能执行animate动画,只能用原生js来写 html js function clickHandle...

  • js 返回页面顶部(动画)

    js 返回到页面顶部,含有渐变或者动画效果 点击返回顶部按钮,页面逐渐向上回到顶部: js 返回到页面顶部,直接返...

  • jQuery点击锚点平滑滚动

    点击锚点平滑滚动到相应页面位置: .. "返回顶部"按钮效果:向下滚动页面出现 按钮,点击返回顶部。 …………EN...

  • JS点击返回顶部

    document.body.scrollTop = document.documentElement.scroll...

  • 点击小箭头返回顶部

    css: js:

  • 点击按钮返回页面顶部

    原理:点击按钮返回顶部效果(js):用了一个定时器,每30ms滚动条的位置上移一点,上移的距离越来越小,越靠近顶部...

  • vue点击返回顶部插件v-totop

    vue-totop vue 点击返回顶部插件,可以根据参数设定按钮大小,颜色,类型,返回顶部的时间等。 安装 np...

  • firefox浏览器下$("body").s

    最近在写一个当页面滚动到一定位置时,页面右下角出现一个 “返回顶部的按钮”,点击后返回页面最顶部位置。 一开始我是...

  • 回到顶部

    首先提到回到顶部我们就想到的是a标签锚点跳转 a标签返回顶部的话会产生改变路由的问题每次用户点击返回顶部的话是可以...

  • 小火箭返回顶部

    小火箭返回顶部要求:1.在顶部,小火箭不显示,在超过200px之后,小火箭显示2.点击小火箭返回浏览器顶部html...

网友评论

      本文标题:zepto写点击返回顶部

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