移动端 底部导航布局在软键盘触发时上滑问题

移动端下,当输入框聚焦时,软键盘会把底部导航顶上去,在VUE下解决办法是

<vuefooter v-show="$route.meta.showFooter" :style="{top:(docmHeight-98)+'px'}"></vuefooter>

data(){
        return{
            //一开始的屏幕高度
            docmHeight: document.documentElement.clientHeight,
        }   
  },

动态设置为top值而不是bottom,这样就不会导致导航上滑,

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,332评论 25 709
  • 用到的组件 1、通过CocoaPods安装 2、第三方类库安装 3、第三方服务 友盟社会化分享组件 友盟用户反馈 ...
    SunnyLeong阅读 14,976评论 1 180
  • 伯风做为一个备受争议的编剧,很适合拿来作为吊打案例。 伯风笔下,三教官场铁三角写的相当有意思,不得不说...
    红炉点雪阅读 7,687评论 0 1
  • 我心上的人儿啊, 爱你,懂你,疼你 一分未减。 因你喜乐,因你不知所措, 没有人像你这样, 如此左右我的情绪。 曾...
    lesmile阅读 1,832评论 1 1
  • “”姐,快来!”妹妹一声惊慌失措的叫唤,刚从睡梦中半醒的我嗖地床上-一跃而起赤脚冲出阳台,你双眼紧闭,一只手捏拳撑...
    让爱照亮天空阅读 2,586评论 0 0

友情链接更多精彩内容