案例：移动端返回顶部 / 移动端 click 延时解决方案

最新推荐文章于 2022-10-13 12:45:09 发布

杨蛋蛋~R

最新推荐文章于 2022-10-13 12:45:09 发布

阅读量285

点赞数

分类专栏：移动端文章标签： javascript

本文链接：https://blog.csdn.net/weixin_50119334/article/details/108982188

版权

本文探讨了移动端返回顶部的功能实现，以及针对click事件300ms延迟的三种解决方案：禁止浏览器双击缩放以消除延迟，利用touch事件自行封装，以及使用Fastclick插件进行优化。

摘要由CSDN通过智能技术生成

移动端返回顶部

功能：
滚动到某个地方显示
事件 scroll 页面滚动事件
代码：

<style>
      * {
   
        height: 800px;
      }
      .nav {
   
        height: 200px;
        background-color: aquamarine;
      }
      .icon {
   
        display: none;
        float: right;
        width: 40px;
        height: 40px;
        padding-top: 250px;
      }
      img {
   
        width: 100%;
        height: 100%;
      }
    </style>
  </head>
  <body>
    <div class="nav">顶部</div>