关于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)
上一篇 2022年6月24日 下午11:36
下一篇 2022年6月24日 下午11:36


相关推荐

发表回复

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

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