前端自己踩的小坑

1.scrollTop无效

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

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

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

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

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

解决办法:

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

就完美解决了.

你可能感兴趣的:(前端自己踩的小坑)