微信小程序-input或textarea 里输入的文字或者是placeholder里的值,飘到弹出view上

微信小程序-input或textarea 里输入的文字或者是placeholder里的值,飘到弹出view上_第1张图片

弹出view,input框文字飘到view上,如上图。


官方解释:

http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1600

··········由于textarea是原生组件实现,层级最高,目前还无法支持在上面覆盖元素这样的交互设计。

既然如此 我们就只能----绕着走了。


规避法,弹出view时,把input或者textarea组件移出屏幕,这样即可不挡屏幕。

给input或者textarea的view加上动态样式


      意向运价
      
        
      
    

margin的方向,任君选择。

弹出view时,将input移出屏幕:

this.setData({
      isDisabled: true,
      top:"10000px"
    })

view隐藏时,再将input移回来

this.setData({
      isDisabled: false,
      top:"0px"
    })
完美~

你可能感兴趣的:(开发中踩过的坑-微信小程序)