记录微信小程序开发的一个坑:使用textarea组件的时候,外层滚动会发生文字错位(穿透悬浮)

摘要:
Ps:这种方法除了解决悬挂问题外,还有一个小问题

问题图例:

如图所示,本来应该是位于内容描述的输入内容会在页面滚动的时候固定为相对位置不随着父级元素滚动,

甚至其的优先级已经超过了后台调试器,遮盖住调试器

记录微信小程序开发的一个坑:使用textarea组件的时候,外层滚动会发生文字错位(穿透悬浮)第1张

查询了很多地方最后应该是一个bug

解决办法:

采用一个元素在不进行输入的情况之下替代textarea的展示,两者的显示是互斥的;

记录微信小程序开发的一个坑:使用textarea组件的时候,外层滚动会发生文字错位(穿透悬浮)第2张

在点击div的时候展示textarea并且聚焦输入框,输入完收起输入框以及失焦的时候在展示为div。

ps:这种方法在解决了悬浮问题之外还是有一点小问题(两者切换的时候用户的视觉上会轻微感受到有元素发生了切换)

记录微信小程序开发的一个坑:使用textarea组件的时候,外层滚动会发生文字错位(穿透悬浮)第3张

免责声明:文章转载自《记录微信小程序开发的一个坑:使用textarea组件的时候,外层滚动会发生文字错位(穿透悬浮)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇js 光标位置处理虚拟机配置host访问主机web下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

easyui textarea回车导致datagrid 数据无法展示的问题

textarea换行 在easyui中的datagrid中使用行内编辑时textarea的换行保存到mysql数据库为 在textarea中输入回车符 在js读取textarea中的值有 然后到业务层转换到string中就有可能变成空格形式然后被存入数据库,当在取出此值的时候则会变成空格的形式,因此我们需要将不显示的 替换一下。  在js取textarea...

微信小程序开发——setData的使用技巧

前言: 之前使用 setData ,一直都是作为给变量赋值,感觉比起vue给data中的变量的赋值还是有点麻烦的。 最近项目不太紧张,为了提高小程序的开发效率及提升小程序开发的能力,又重新的通读了下小程序的开发文档。发现 setData 还有一个非必填的参数 callback——setData引起的界面更新渲染完毕后的回调函数,通过这个回调函数,可以在更新...

微信公众平台开发教程(七)安全策略

微信公众平台开发教程(七)安全策略尽管处理微信请求的服务器,处于微信服务器的后端,但是安全问题依然不可小觑。 大概总结以下几个方面,希望引起注意。 一、设置高复杂度的Token,尽量隐藏服务地址URL URL:即为处理微信请求的链接地址Token:用户身份凭证 申请成为开发者或者修改URLToken时,微信会通过Get请求访问URL,验证签名,其中需要To...

Senparc.Weixin.MP SDK 微信公众平台开发教程(九):自定义菜单接口说明

上一篇《Senparc.Weixin.MP SDK 微信公众平台开发教程(八):通用接口说明》介绍了如何通过通用接口获取AccessToken,有了AccessToken,我们就可以来操作自定义菜单,以及其他的高级接口,这一篇单讲自定义菜单。 一、自定义菜单规则 自定义菜单分为一级菜单和二级菜单。 一级菜单数量为1-3个,即打开公众账号直接可以看到排列在...

微信开发笔记:获取用户openid,以及用户头像昵称等信息

微信开发的时候有一个很便利的途径来进行一个用户的一步注册登录,就是使用用户的微信信息来直接进行登陆,可以省去很多不必要的麻烦。那具体这些信息是如何来获取的呢? 首先呢,我们需要对微信进行一个授权,让微信页面有权限来读取我们的用户信息: $redirect_uri = urlencode($url); //设置授权页面,此处填写回调的授权页面地址 $scop...

微信小程序开发记录(七)新版授权登录的实现

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本文链接:https://blog.csdn.net/wh_xmy/article/details/86475859 背景:由于微信官方修改了 getUserInfo、authorize 接口,无法弹出授权窗口,所以现在无法实现一进入微信小程序就弹出授权...