单双击回顶部(移动端)

Posted supereast

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了单双击回顶部(移动端)相关的知识,希望对你有一定的参考价值。

移动端双击回到顶部:

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

   )

以上是关于单双击回顶部(移动端)的主要内容,如果未能解决你的问题,请参考以下文章

移动端手势双击(OnGUI也可以在移动端响应,但是帧率太低)

移动端click事件延时

Unity 点击双击连击长按 事件检测(支持PC和移动端)

移动端Vue回到顶部

移动端禁用双击放大手势

移动端交互优化