分享

日常问题记录--vue单页跳转现显示问题

 菁清siso 2019-01-08
1、android 软键盘关闭导致页面空缺的问题(我的是vue单页跳转时由于上页键盘未关闭,目标页面也会有一块键盘大小的空缺页面,内容也被顶上去了)
查找后解决方案:
(window.scroll(0,0);(实测不可行)
原理就是弹起键盘的时候,window.scrollY会从0变到键盘的高度(例如:200),当输入框焦点失去后让scrollY回到0就好了。)

只能的换种思路解决:
(可能原因:跳转时,键盘顶上去占用的空间还在,而新的跳转页由于是请求数据后加载的,也就是一开始body区域就是窄的,在加载数据下面会有一块键盘大小空白区域,而一开始有数据的页面是不会出现这个问题的,由此猜测而来;只存在于android,ios正常)

跳转前先失焦,键盘会关闭,页面就能正常(暂时办法,以后有新的办法在更新);

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多