移动端踩坑汇总

xiaoxiao2021-02-28  39

1、移动端点击事件无效 解决办法:给点击事件无效的div身上加属性cursor: pointer即可。

2、移动端有个弹窗,弹窗里面有一些可以滚动的内容。希望弹窗弹起来的时候,除弹窗外其他地方不能滚动。思路: 弹窗出现时:

$(window).on('touchmove',function(e){ e.preventDefault(); // 阻止滑屏 }); $('.scroll-ele').on('touchmove',function(e){ e.stopPropagation(); // 需要滚动的地方阻止冒泡 })

弹窗消失时:

$(window).off('touchmove'); // 取消事件
转载请注明原文地址: https://www.6miu.com/read-2624544.html

最新回复(0)