码迷,mamicode.com
首页 > 移动开发 > 详细

单双击回顶部(移动端)

时间:2019-06-10 13:38:19      阅读:97      评论:0      收藏:0      [点我收藏+]

标签:touch   click   ons   mat   htm   单击   gettime   anim   回到顶部   

移动端双击回到顶部:

   var touchtime = new Date().getTime();

   $(".header").on("click", function() {

      if(new Date().getTime() - touchtime < 500) {

        console.log("dblclick");

        $(‘html , body‘).animate({

           scrollTop: 0

        }, ‘slow‘);

      } else {

        touchtime = new Date().getTime();

        console.log("click")

      }

   });

单击回到顶部:

    $(window).scroll(function(){

        if($(this).scrollTop() > 100){

            $(‘.top‘).fadeIn();

        }else{

            $(‘.top‘).fadeOut();

        }

    });

   $(".top").click(function(){

      $(‘html , body‘).animate({

        scrollTop: 0

      }, ‘slow‘);

   })

单双击回顶部(移动端)

标签:touch   click   ons   mat   htm   单击   gettime   anim   回到顶部   

原文地址:https://www.cnblogs.com/supereast/p/10996975.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!