小程序或h5中textarea标签层级过高带来的bug

在写移动端项目的时候,不论小程序还是h5总会遇到textarea标签内容不随屏幕滚动的问题,这是因为textarea层级过高,网上查了很多解决办法,比如给标签设置fixed属性啊,或者设置样式overflow: scroll啊,都不管用。所以用了一个相当于取巧的办法绕过了这个坑。

总体思想就是焦点聚焦的时候展示textarea标签,失焦的时候用view标签代替textarea标签,再把value值给view就好。代码如下:

小程序或h5中textarea标签层级过高带来的bug

小程序或h5中textarea标签层级过高带来的bug