微信小程序input抖动问题的修复方法

 更新时间:2021年03月03日 11:32:51   作者:华晨跑跑跑  
这篇文章主要给大家介绍了关于微信小程序input抖动问题的修复方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

发现问题

先看问题,小程序中,使用 Vant 的 Dialog 组件 + 小程序元素 input 组件,在弹出的时候 placeholder 文字会抖动一下,即初始位置偏上,再抖动到正确的位置上。

有问题的录屏:

经过尝试,修复问题:

我是这样修复的:

.dialog-input,
.dialog-input-placeholder {
 height: 80rpx !important;
 display: flex;
 align-items: center;
}

以上献给也遇到同样坑的朋友,以及我的几乎一整天!😭

总结

到此这篇关于微信小程序input抖动问题修复的文章就介绍到这了,更多相关微信小程序input抖动内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Bootstrap表格使用方法详解

    Bootstrap表格使用方法详解

    这篇文章主要为大家详细介绍了Bootstrap表格使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • Bootstrap每天必学之模态框(Modal)插件

    Bootstrap每天必学之模态框(Modal)插件

    Bootstrap每天必学之模态框(Modal)插件,模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • Bootstrap导航条可点击和鼠标悬停显示下拉菜单

    Bootstrap导航条可点击和鼠标悬停显示下拉菜单

    这篇文章主要为大家详细介绍了Bootstrap导航条可点击和鼠标悬停显示下拉菜单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • 防止重复发送 Ajax 请求

    防止重复发送 Ajax 请求

    本文主要介绍防止重复发送 Ajax请求的方法。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • js滑动提示效果代码分享

    js滑动提示效果代码分享

    这篇文章主要为大家分享了js滑动提示效果代码,实现方法简单,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • js中confirm实现执行操作前弹出确认框的方法

    js中confirm实现执行操作前弹出确认框的方法

    这篇文章主要介绍了js中confirm实现执行操作前弹出确认框的方法,是执行删除等操作时常用的功能,非常具有实用价值,需要的朋友可以参考下
    2014-11-11
  • 悬浮数字的实现案例

    悬浮数字的实现案例

    本篇文章主要是对悬浮数字的实现案例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • Javascript中函数分类&this指向的实例详解

    Javascript中函数分类&this指向的实例详解

    其实想要彻底理解js中this的指向,不必硬背,这篇文章主要给大家介绍了关于Javascript中函数分类&this指向的相关资料,需要的朋友可以参考下
    2021-05-05
  • js获取及修改网页背景色和字体色的方法

    js获取及修改网页背景色和字体色的方法

    这篇文章主要介绍了js获取及修改网页背景色和字体色的方法,涉及JavaScript针对页面元素属性的相关操作技巧,需要的朋友可以参考下
    2015-12-12
  • 动态加载js、css的实例代码

    动态加载js、css的实例代码

    这篇文章主要介绍了动态加载js、css的实例代码的相关资料,非常不错具有参考借鉴价值,感兴趣的朋友一起看看吧
    2016-05-05

最新评论