实现网页APP-悬浮可移动按钮（源码）

最新推荐文章于 2022-09-27 14:09:46 发布

小小学徒ByronZf

最新推荐文章于 2022-09-27 14:09:46 发布

阅读量4.1k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_35808136/article/details/83619186

版权

/**

@Date 31/10/2018
@description 实现按钮固定，不随屏幕滑动 + 按钮可自由移动

        使用touch事件实现按钮自由移动和点击触发事件

         touchstart - 手指触摸屏幕时触发

         touchmove -  手指在屏幕上滑动时连续的触发

         touchend - 手指离开屏幕时触发

踩坑：–安卓机点击和拖动事件触发不灵敏
*/

代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>悬浮可移动按钮</title>
<style type="text/css">
   button{
      position:fixed;
      top:70px;
      width:150px;
      height:150px;
      font-size:30px;
      color:#fff;
      bo