js
文章平均质量分 52
李小暖
努力干活还不黏人的小妖精
展开
-
js一键复制并调起微信客户端
<div> <input type="text" id="tid" name="tid" value="要复制的内容" readonly="readonly"> <p class="btn" onclick="copyUrl()">一键复制并打开微信</p原创 2018-07-10 11:52:09 · 16472 阅读 · 0 评论 -
阻止弹窗蒙层底部页面滚动
背景:最近在做一个H5签到领红包活动,页面各种弹层显示,产品要求弹层半透明背景下主页面禁止滑动,网上找各种方法,最终确定实现该需求的以下几种方案。方案一:打开蒙层时,给 body 添加样式:overflow:hidden; height: 100%; 关闭蒙层时,移除样式。缺点:兼容性不好,适用于 pc。部分安卓机型以及 safari 中,无法无法阻止底部页面滚动。方案二:...原创 2018-07-12 15:46:33 · 1346 阅读 · 0 评论 -
移动端点击事件300ms延迟问题--safari浏览器
1、禁用缩放<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>这一方案在 safari 上并不起作用,而且大大降低了移动端页面的可用性和可访问性。2、使用指针事件 (IE10+)a, button{ -ms-touch-actio...原创 2019-02-22 17:29:45 · 392 阅读 · 0 评论 -
jQueryphotoClip-图片上传并裁剪
公司年前要推一个制作新年贺卡的H5活动页,开发过程中踩了几个坑,今天总结分享一下。最初方案:将用户图片上传服务器,返回url显示在页面上,点击生成贺卡按钮,将url以及贺卡昵称、祝福语传给接口,后台返回一张生成贺卡图片url,显示在页面上,用户可长按保存。出现的问题:ios多个型号的手机出现拍照或者相册上传的图片会自动旋转90度,用户不可自己选择裁剪区域。最终方案:使用jQueryph...原创 2019-02-25 14:28:23 · 2472 阅读 · 0 评论 -
PC safari浏览器轮播异常
问题:PC轮播 ios浏览器离开页面一段时间后再回来,会飞速轮播思路:监听是否离开当前浏览页面,离开就停止定时器,再回来就开启定时器代码://ios兼容,离开页面再回来,飞速轮播var hidden, visibilityChange;if (typeof document.hidden !== "undefined") { hidden = "hidden"; v...原创 2019-02-20 10:37:14 · 422 阅读 · 0 评论