如何在webapp里面做一个类似于iphone屏幕上的小白点，可以随意推动，又不会遮挡下方操作

<style>
    .dot{
        position: fixed;
        left: 20px;
        top: 20px;
        width:20px;
        height:20px;
        background:rgba(255,255,255,.5);
    }
</style>

<body>
    <div class="dot"></div>
</body>

<script>
    var ww = $(window).width(), wh = $(window).height();
    var x , y;
    var hastouch = "ontouchstart" in window ? true : false,
                tapstart = hastouch ? "touchstart" : "mousedown",
                tapmove = hastouch ? "touchmove" : "mousemove",
                tapend = hastouch ? "touchend" : "mouseup";
     $(".dot")[0].addEventListener(tapstart, function (e) {
            x = e.targetTouches[0].pageX;
            y = e.targetTouches[0].pageY;

            var pos = $(".dot").position();

            $(".dot").css({
                left: pos.left,
                top: pos.top
            })
        });

        $(".dot")[0].addEventListener(tapmove, function (e) {
            e.stopPropagation();
            var pos = $(".dot").position();
            pos.left = pos.left + e.targetTouches[0].pageX - x;
            pos.top = pos.top + e.targetTouches[0].pageY - y;

            if (pos.left < 0) {
                pos.left = 0;
            }

            if (pos.left + 60 > ww) {
                pos.left = ww - 60;
            }

            if (pos.top <= 0) {
                pos.top = 0;
            }

            if (pos.top + 60 > wh) {
                pos.top = wh - 60;
            }

            $(".dot").css({
                left: pos.left,
                top: pos.top
            });
            x = e.targetTouches[0].pageX;
            y = e.targetTouches[0].pageY;

            e.preventDefault();
        });     
</script>

如何在webapp里面做一个类似于iphone屏幕上的小白点，可以随意推动，又不会遮挡下方操作

你尚未登录，登录后可以

想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？

Java 开发 URL 匹配问题？

诺依框架自动生成代码前端Vue3提交数据，后端Java没收到问题出在哪里？

WSL里的Ubuntu系统开发Spring Boot报错Project build error: Non-readable POM ？

快开发完的Vue3项目要做SEO该如何处理？

body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？

如何实现类似豆包的AI改写框跟随内容滚动效果？