关于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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 最新超详细虚拟机VMware安装Kali Linux

    最新超详细虚拟机VMware安装Kali Linux作者:seriouszyx独立博客记录了日常学习总结代码均可在Github上找到(求Star)本文讲解如何在虚拟机上安装KaliLinux,希望对大家有所帮助。准备:一台电脑,VMware(VMware安装教程)一、下载系统镜像文件1.首先下载系统镜像,进入kali官网,在Downloads中选择DownloadKaliLinux,如下图所示。…

    2022年4月30日
    169
  • Python海龟画图集合

    Python海龟画图集合Python海龟画图集合1.小猪佩奇2.彩色螺旋线3.太极4.美国队长盾牌1.小猪佩奇#coding:utf-8importturtleastt.screensize(400,300)t.pensize(4)#设置画笔的大小t.colormode(255)#设置GBK颜色范围为0-255t.color((255,155,192),"pink…

    2022年6月28日
    30
  • 获取股票历史数据(网易163行情接口)[通俗易懂]

    获取股票历史数据(网易163行情接口)获取股票历史数据,通过网易163接口来获取数据,可以获取指数数据,也可以获取股票数据importpandasaspd#沪市前面加0,深市前面加1,比如0000001,是上证指数,1000001是中国平安defget_daily(code,start=’19900101′,end=”):url_mod=”http://quotes.money.163.com/service/chddata.html?code=%s&start=%s

    2022年4月17日
    55
  • 电子商务网站安全_跨境电商有哪些平台

    电子商务网站安全_跨境电商有哪些平台电商网站安全应对之道(电商网站安全的威胁类型:https://blog.csdn.net/qq_29039705/article/details/80486795)一、预防逻辑漏洞进行业务流程梳理接口会发加签名和超时机制避免通过前端进行验证和现在减少暴露给用户的参数增加共享数据互斥机制不要相信用户输入检查用户输入二、预防越权操作任何涉及用户权限的操作均匀会话关联参数的加密及模糊化严格验证程序逻辑顺…

    2022年10月1日
    2
  • SpringBoot+jsp项目启动出现404[通俗易懂]

    SpringBoot+jsp项目启动出现404[通俗易懂]SpringBoot+jsp项目启动出现404

    2022年4月21日
    125
  • Linux从0到1:安装Linux操作系统(超级详细版)「建议收藏」

    Linux从0到1:安装Linux操作系统(超级详细版)「建议收藏」分享一下安装Linxu操作系统的流程安装虚拟机首先自己进行Vmwareworkstation的安装,打开此软件进行以下步骤。在VMware中新建虚拟机下一步,选择自定义安装虚拟机兼容性,默认下一步安装来源,选择稍后安装操作系统操作系统类型,选择Linuxcentos64自定义虚拟机名称,和文件夹位置(建议D:\VM\Centos7-1-64…

    2022年6月1日
    38

发表回复

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

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