input输入框聚焦时,自动滚动到屏幕顶部,让输入框定位在可见区域
可以利用scrollIntoView()来解决:$("input").on("focus",function(){this.scrollIntoView();})介绍一下scrollIntoView()的用法:调用方法为 element.scrollIntoView() 参数默认为true。参数为true时调用该函数,页面(或容器)发生滚动,使element
·
可以利用scrollIntoView()来解决:
$("input").on("focus",function(){
this.scrollIntoView();
})
介绍一下scrollIntoView()的用法:
调用方法为 element.scrollIntoView() 参数默认为true。
参数为true时调用该函数,页面(或容器)发生滚动,使element的顶部与视图(容器)顶部对齐;
参数为false时,使element的底部与视图(容器)底部对齐。
TIPS:页面(容器)可滚动时才有用!
还有一些scrollIntoView()的应用:
比如常见的微信,qq等社交软件聊天界面里聊天消息总是能够出现在可视区域,那就是用了scrollIntoView(),否则聊天消息就会隐藏在其他消息下边,无法可见。
更多推荐
已为社区贡献1条内容
所有评论(0)