原生JS实现带动画的返回顶部按钮

添加的第一个参数destination,终点位置,含义是指终点坐标与窗口顶部的Y轴距离,非必须,默认为0,也就是直接返回到窗口顶部。通过window.scrollY > destination的条件判断,如果当前窗口滚动距离比预设的终点距离大,就执行滚动,否则就结束,到达目的地。

微信浏览器input/textarea回收键盘后界面错位bug的解决办法

最近在处理一个H5页面的时候,有一个需要用户填写昵称信息的环节,模拟器一切正常,结果到了真机上发现输入信息完毕后,无法点击确认按钮emmm,黑人问号了半天,联系QA又深度测试了一下,发现只有iOS的微信浏览器才会。

弹窗大背景优化方案 png大图片预加载处理方法

因为一直做游戏风格的需求,而日常维护的游戏也比较朴素,都是用纯css处理的渐变底色即可满足弹窗背景的配置,最近处理了一个比较花哨的需求,弹窗设计方面比较下功夫,带来的一个问题就是这个弹窗背景图只能切成png,哪怕经过tinypng优化之后还有50多kb。50kb的图片说实话也不算特别大,如果作为常规的img加载其实没什么问题,但作为背景图来加载,问题就会被放大 —— 用户访问页面后,第一次打开弹窗的体验非常差,会先显示弹窗内容,再慢慢加载弹窗背景(隐藏层的背景需要层变为可见才会加载)。