zoukankan      html  css  js  c++  java
  • 移动端键盘遮挡输入框问题

    1.Element.scrollIntoView(Boolean) 方法让当前的元素滚动到浏览器窗口的可视区域内。

    参数:true 表示元素的顶端将何其所在滚动区的可视区域的顶端对其;false表示元素的低端将和其所在滚动区的低端对其。

    2.Element.scrollIntoViewIfNeeded(Boolean) 方法用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。 如果该元素已经在浏览器窗口的可见区域内,则不会发生滚动。 此方法是标准的Element.scrollIntoView()方法的专有变体。

    参数:true 表示元素将在其所在滚动区的可视区域中居中对齐;false 表示元素将与其所在滚动区的可视区域最近的边缘对齐。 根据可见区域最靠近元素的哪个边缘,元素的顶部将与可见区域的顶部边缘对准,或者元素的底部边缘将与可见区域的底部边缘对准。

    <input type="text" @click="scrollEle" v-model="value">
    scrollEle (e) {
     
    let ele = e.target
      window.onresize = function () {
        ele.scrollIntoViewIfNeeded(true)
      }
    }
  • 相关阅读:
    第7章例7-12
    第7章例7-11
    第7章例7-9
    第7章例7-8
    第7章例7-7
    第7章例7-6
    第7章例7-5
    第7章例7-4
    第7章例7-3
    第7章例7-2
  • 原文地址:https://www.cnblogs.com/wpp281154/p/10448404.html
Copyright © 2011-2022 走看看