关于移动端软键盘与输入框的遮挡问题

原创 守候你的季节 教程 JavaScript 405阅读 2017-05-05 22:33:51 举报

scrollIntoView(alignWithTop) 滚动浏览器窗口或容器元素,以便在当前视窗的可见范围看见当前元素。如果alignWithTop为true,或者省略它,窗口会尽可能滚动到自身顶部与元素顶部平齐。-------目前各浏览器均支持,其实就这个解释来说,我觉得还是不够的,最好还是又图对吧,来看下图,更好理解:
html 代码

这个id为nn的div就会到浏览器窗口的顶部显示;

至于false,你可以自行去尝试一下,效果也是很明显的,

=========================================

通过这个函数做的一个小实例,锁定网页的导航条,然后点击导航,调到指定的div,这个功能在一般的网页设计中是很常见的,看代码:
html 代码

测试微信浏览器输入框与软键盘交接demo
html 代码

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复