关于scrollIntoView的使用

关于scrollIntoView的使用当输入框被键盘挡住时,可以使用scrollIntoView让输入框回到视野<divref="inputBox"style="height:400px;">//一定要设置高度才会有效果  <inputtype="text"@focus="intoview()"/></div>intoview:function(){  this.$r

大家好,又见面了,我是你们的朋友全栈君。

当输入框被键盘挡住时,可以使用scrollIntoView让输入框回到视野

<div ref=”inputBox” style=”height:400px;”>

//一定要设置高度才会有效果

    <input type=”text” @focus=”intoview()”/>

</div>

intoview:function(){

    this.$refs.inputBox.scrollIntoView();

}

scrollIntoView()默认scrollIntoView(true),与视图顶部平齐;scrollIntoView(false)与视图底部平齐。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/149101.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • soc ip核_类和对象有什么关系

    soc ip核_类和对象有什么关系SoC(SystemonaChip)中文名是系统级芯片。20世纪90年代中期,因使用ASIC实现芯片组受到启发,萌生应该将完整计算机所有不同的功能块一次直接集成于一颗硅片上的想法。SoC应由可设计重用的IP核组成,IP核是具有复杂系统功能的能够独立出售的VLSI块;IP核应采用深亚微米以上工艺技术;SoC中可以有多个MPU、DSP、MCU或其复合的IP核。IP核(I………

    2022年9月19日
    0
  • vue子组件传值给父组件_子组件调用父组件中的方法

    vue子组件传值给父组件_子组件调用父组件中的方法参考视频:https://www.bilibili.com/video/av32790541/?spm_id_from=trigger_reload原理:在父组件引用子组件时,通过事件绑定机制把一个方法aaaa的引用传给子组件,这个方法中可以有各种参数,子组件在触发自己的函数或者某些数据发生变化时,触发:事件绑定机制绑定的函数,通过参数的方式将要传的值传过来,父组件中处理,也就接到了子…

    2022年9月5日
    2
  • 零基础学Java(11)自定义类[通俗易懂]

    零基础学Java(11)自定义类[通俗易懂]前言之前的例子中,我们已经编写了一些简单的类。但是,那些类都只包含一个简单的main方法。现在来学习如何编写复杂应用程序所需要的那种主力类。通常这些类没有main方法,却有自己的实例字段和实例方法。

    2022年7月29日
    2
  • navicat premium 15 J激活码_在线激活[通俗易懂]

    (navicat premium 15 J激活码)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月28日
    103
  • Windows套接字CAsyncSocket类的使用「建议收藏」

    Windows套接字CAsyncSocket类的使用「建议收藏」TCP编程的服务器端一般步骤是:1、创建一个CAsyncSocket或CSocket类或其子类对象A,用于监听客户端连接,然后通过Create函数设定端口号和协议类型为SOCK_STREAM。2、开启监听,用函数Listen();3、接收客户端上来的连接,用函数Accept(&B);并且把连接连接的对象存到B中,以便通信使用。4、当客户端发送来消息时,会触发OnReceive函数…

    2022年8月18日
    3
  • JAVA后端开发浅谈[通俗易懂]

    JAVA后端开发浅谈[通俗易懂]一、背景从后端来讲,目前市场上的电子商务软件基本上可以分为两个阵营,即php阵营和Java阵营。两个阵营的开发基本上都是各自围绕着各自的开发语言(php/Java),选取最为兼容合适的框架结构和数据库,然后进行服务器端的开发。以下附上PHP和Java语言的区别介绍和原文链接:《php和java的区别有哪些》php中文网Java语言Java是一门计算机编程语言,和C++、Python等编程…

    2022年7月8日
    27

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号