微信小程序input抖動問題的修復方法
更新時間：2021年03月03日 11:32:51 作者：華晨跑跑跑
這篇文章主要給大家介紹了關于微信小程序input抖動問題的修復方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
發(fā)現(xiàn)問題
先看問題，小程序中，使用 Vant 的 Dialog 組件 + 小程序元素 input 組件，在彈出的時候 placeholder 文字會抖動一下，即初始位置偏上，再抖動到正確的位置上。
有問題的錄屏：
經(jīng)過嘗試，修復問題：
我是這樣修復的：
.dialog-input,
.dialog-input-placeholder {
height: 80rpx !important;
display: flex;
align-items: center;
}
以上獻給也遇到同樣坑的朋友，以及我的幾乎一整天！😭
總結
到此這篇關于微信小程序input抖動問題修復的文章就介紹到這了,更多相關微信小程序input抖動內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
IScroll那些事_當內(nèi)容不足時下拉刷新的解決方法
下面小編就為大家?guī)硪黄狪Scroll那些事_當內(nèi)容不足時下拉刷新的解決方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要為大家詳細介紹了HTML5本地圖片裁剪并上傳的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
這篇文章主要為大家介紹了如何使npm-scripts更好維護的配置方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
javascript （用setTimeout而非setInterval）
javascript （用setTimeout而非setInterval）如果用setInterval 可能出現(xiàn) 下次調(diào)用會在前一次調(diào)用前調(diào)用2011-12-12
js數(shù)組操作學習總結。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
Javascript腳本語言同其他語言一樣,有它自身的基本數(shù)據(jù)類型,表達式和算術運算符及程序的基本程序框架,這篇文章主要給大家介紹了關于JS中八種數(shù)據(jù)類型的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-01-01
JavaScript實現(xiàn)選項卡功能(面向過程與面向?qū)ο?
本文主要介紹了JavaScript實現(xiàn)選項卡功能(面向過程與面向?qū)ο?，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
這篇文章主要介紹了面向切面編程（AOP）的理解,需要的朋友可以參考下2015-05-05
記一次webpack3升級webpack4的踩坑經(jīng)歷
這篇文章主要介紹了記一次webpack3升級webpack4的踩坑經(jīng)歷，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
前端頁面適配之postcss-px-to-viewport實現(xiàn)步驟
postcss-px-to-viewport是一個PostCSS插件,它可以將px單位轉(zhuǎn)換為視口單位(vw、vh?或?vmin),這篇文章主要給大家介紹了關于前端頁面適配之postcss-px-to-viewport的實現(xiàn)步驟,需要的朋友可以參考下2024-03-03