求指教!微信小程序 textarea的坑

風灬雲 風灬雲 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
项目需求:
收集用户填写的信息;分类比较多,所以用了分页功能;
具体效果如图


现在的问题是textarea 的提示信息和内容在真机运行的时候不跟随输入框一起走,而是等动画完成后才消失;
之前是用的swiper做的切换,后来因为这个问题换成了animation;
但是还是存在这个BUG;是因为某个父元素有overflow属性;切换分页的效果不用overflow:hidden;的话 好像实现不了;
这个需求到底能不能实现;希望大神指点一下思路;
...全文

相关推荐

微信小程序textarea层级过高(盖住其他元素)问题的解决办法

前言:这篇文章讲什么 微信小程序中 textarea 组件的层级过高如何解决 前言:这篇文章对谁有用 微信小程序开发者 前言:本文有什么用? 提供解决问题的思路,供你参考 (因为时间关系,我没法把代码整理的好好的然后贴出来让你复制黏贴。或者是做成一个组件然后开源) 前言:本文时效性 截止至2018年10月30号,微信的 textarea 还是以原生组件形式实现,因此层级最高。无法通过 z-index 进行调整。在微信小程序官方把 textarea 改成了可以控制层级之前。本文中的内容会一直有效。 1. 问题描述 根据官方文档,textarea 是原生组件 (https://deve

weixin_38606404

微信小程序textarea层级过高的解决方法

一、前言 相信做过微信小程序开发的人应该都碰到过这个问题,因为这个需求实在太常见了 由于textarea是属于原生组件,层级最高,不管在页面中我们设置z-index值多少都会被textarea组件遮挡住,很影响用户体验, 目前官方对该问题还没有修复,当然官方也给出了解决该问题的其他方案,使用cover-view和 cover-image替代,但个人感觉并不是很好,有一些限制 二、使用场景及解决方案 1、弹窗显示 2、底部fixed定位的按钮,页面滚动时,例如添加购物车,显示价格 针对以上两种业务场景解决方式不同 针对场景1弹窗显示的处理方式 在显示弹窗时通过if或者绑定class属性

weixin_38571453

微信小程序从入坑到放弃之坑八:textarea在苹果手机中的大Bug

首次在这里写点东西,还请各位大佬担待点。 摘要: 昨天的placeholder-class只是希望各位看官注意,而今天的textarea就绝对是一个超级大坑!而且如果看官手中没有苹果手机测试的话,这个可就真的是个坑了!为啥?难道要等到用户向你反馈你们产品有bug???...... 上一篇的《微信小程序从入坑到放弃之坑七:input组件的占位符placeholder》,没啥大坑,而这篇的textarea可就不一样了!这绝对是一个超大的Bug!!! 在上一节的设计稿中,详细地址那块儿就是一个textarea组件。如图: (此图片来源于网络,如有侵权,请联系删除! ) 其他无关的就不说了,我们直接进

weixin_38517095

微信小程序 textarea 层级过高问题简单解决方案

主要介绍了微信小程序 textarea 层级过高问题解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

weixin_38722607

微信小程序 textarea 详解及简单使用方法

微信小程序 textarea 简易解决方案 微信小程序中textarea没有bindchange事件,所以无法在输入时给变量赋值。 虽然可以使用bindblur事件,但是绑定bindblur事件,如果再点击按钮,则先执行完按钮事件后,再去执行bindblur事件,所以在js文件取不到输入值, 解决方法:结合from表单,textarea文本框输入后,再去点击提交按钮,这时会先执行textarea事件(获取文本框输入内容),再去执行数据提交,这样问题就解决了 wxml文件代码: <form bindsubmit=evaSubmit> <textarea name=evaConten

weixin_38712548
评论 4
收藏 已收藏
分享
返回顶部
風灬雲
微信开发 3,161 成员 3,828 内容