前端自己踩的小坑

1.scrollTop无效

需要滑动的容器没有height属性或者overflow属性

2.移动端Android软键盘遮住输入框

思路,以使用focus事件 ,input获取焦点的时候,将整个input块往上提,软键盘收起的时候利用

$(window).resize()方法让input块初始化

    到这里就会出现一个问题,软键盘收起的时候,input的焦点并没有消失,这样就导致,如果点击同一个input两次,那么将只会触发一次同一个input的focus事件,所以点击同一个input多次,依然会遮住input框.

解决办法:

当软键盘收起时,触发$(window).resize()的时候,使用$("input").blur()取消input的焦点

就完美解决了.

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容