javascript解决移动端h5页面,当软键盘弹出时,底部导航footer会被顶上去的问题

 遇到问题:

在手机端网页开发过程可能会遇到这样一个问题,底部有一个固定定位的导航,然而每次一点击输入框,弹出输入法的时候,这个底部的导航会随着输入法被顶上去,给用户很不好的体验。

解决方法:

调用浏览器窗口改变时执行的函数。通过给固定定位切换定位方式来实现,调起输入法时,浏览器窗口发生改变,执行函数,将原先是固定定位的元素改为粘性定位(position:static;)。当关闭输入法时再切换回固定定位。

具体代码:

  • 首页
  • 发现
  • 历史
  • 我的

 

你可能感兴趣的:(Javascript)