当前位置: 首页 > Web前端 > CSS

解决微信浏览器iOS兼容性问题[软键盘弹出][输入框光标]

时间:2023-03-30 13:19:38 CSS

第一个问题:软键盘弹出时,页面会向上滑动,导致点击位置和页面位置不一致.当input获得焦点时,获取document.body.scrollHeight的值并将其赋值给一个变量。当输入失去焦点时,将document.body.scrollTop的值设置为负值。如果有两个或多个输入框,可以设置一个当前存在的输入框个数的值作为焦点,获得焦点+1,失去焦点-1,设置scrollTop只有在为0的时候。针对第二个问题:输入光标太高或太宽,使输入的行高和字体大小保持一致。对了,ios也有一个灰色上边框的输入框,这是默认的阴影。只需为输入设置box-shadow即可。盒子阴影:000rgba(0,0,0,0)!重要;