移动端 input 输入框获取焦点后无法立即滚动到可视区域

Question

input 输入框获取焦点后无法立即滚动到可视区域,只有输入内容后才会滚动到可视区域.想要获取焦点后立即滚动到可视区域应该怎么实现?

Answer 1

解决方案如下:

window.addEventListener('resize', () => {

    const activeElement = document.activeElement

    if (activeElement.tagName === 'INPUT' || activeElement.tagName === 'TEXTAREA') {

        setTimeout(() => {

          activeElement.scrollIntoView()

        }, 100)

      }

    })