当前位置 : 主页 > 手机开发 > 无线 >

单双击回顶部(移动端)

来源:互联网 收集:自由互联 发布时间:2021-06-10
移动端双击回到顶部: var touchtime = new Date().getTime(); $(".header").on("click", function() { if(new Date().getTime() - touchtime 500) { console.log("dblclick"); $(‘html , body‘).animate({ scrollTop: 0 }, ‘slow‘); } els

移动端双击回到顶部:

   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‘);

   })

网友评论