解决移动端『该网页由 xxxx 提供』

禁用页面拖拽

document.body.addEventListener(
	 'touchmove',
	 function(evt) {
	   if (!evt._isScroller) {
	     evt.preventDefault()
	   }
	 },
	 { passive: false }
)

指定某个元素可以拖拽

let overscroll function(el) {
	el.addEventListener('touchstart', function() {
	    let top = el.scrollTop
	    let totalScroll = el.scrollHeight
	    let currentScroll = top + el.offsetHeight
	    if (top === 0) {
	      el.scrollTop = 1
	    } else if (currentScroll === totalScroll) {
	      el.scrollTop = top - 1
	    }
	  })
	  el.addEventListener('touchmove', function(evt) {
	    if (el.offsetHeight < el.scrollHeight) evt._isScroller = true
	  })
}

overscroll(document.getElementById("scrollId"))
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值