h5页面对返回首页的组件 ,吸边拖拽

   <div class="home-back" @click='backHome'>

      <img :src="homeIcon">

    </div>

dragIcon(){

        let drag = document.querySelector('.home-back')

        // let test = document.querySelector('.test')

        let dragHeight = drag.clientHeight

        let altitude = document.body.clientHeight - dragHeight

        drag.addEventListener('touchmove',function(e){

            var target = e.target          

            //阻止冒泡

            e.stopPropagation()          

            //阻止浏览器默认的缩放和滚动

            e.preventDefault()

            if(e.targetTouches[0].clientY >= (dragHeight / 2) && e.targetTouches[0].clientY <= (altitude + (dragHeight / 2))){

              drag.style.top = e.targetTouches[0].clientY - (dragHeight / 2) + 'px'

            }

        })

      },

mounted(){

    this.dragIcon();

  },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值