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


相关推荐

  • idea2021.11激活[最新免费获取]

    (idea2021.11激活)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~6EK6WKOHUX-eyJsaWNlbnNlSWQiOi…

    2022年3月28日
    49
  • java中类与对象的详解

    java中类与对象的详解

    2021年9月2日
    51
  • 实现ORACLE和SQL Server连接

    实现ORACLE和SQL Server连接

    2021年7月30日
    76
  • pycharm安装pyqt5-tools_windows10我的电脑在哪

    pycharm安装pyqt5-tools_windows10我的电脑在哪Pyqt5的安装使用,界面开发工具。

    2022年8月25日
    5
  • Java绝对值排序

    绝对值排序TimeLimit:1SecMemoryLimit:128MBDescription输入n(n<=100)个整数,按照绝对值从大到小排序后输出。题目保证对于每一个测试实例,所有的数的绝对值都不相等。Input输入数据有多组,每组占一行,每行的第一个数字为n,接着是n个整数,n=0表示输入数据的结束,不做处理。Output对于每个测试实例,输出排序后的结果,两个数之间用一个空格隔开。每个测试实例占一行SampleInputCopy33-

    2022年4月7日
    33
  • SLAM 综述_综述翻译

    SLAM 综述_综述翻译SLAM概述参考资料分享来自本人博客:https://blog.csdn.net/Darlingqiang/article/details/78840931SLAM一般处理流程包括track和map两部分。所谓的track是用来估计相机的位姿,也叫front-end。而map部分(back-end)则是深度的构建,通过前面的跟踪模块估计得到相机的位姿,采用三角法(triangulation…

    2025年8月2日
    0

发表回复

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

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