Taro ios 键盘隐藏空白

2019-12-31  本文已影响0人  blossom_6694

ios中键盘隐藏,底部出现空白,导致点击事件失效。
原因:
当设置adjustPosition={true}时候,键盘弹起时,自动上推页面。但是键盘隐藏时,布局没有回到之前位置。
解决办法:
在键盘隐藏时候, window.scrollTo(0, 0)
input 或者textarea 监听onBlur事件

<Input className={classNames('input')}
                    value={value}
                    placeholder={hint}
                    placeholderClass={'hint'}
                    disabled={disabled}
                    maxLength={maxLength}
                    type={type}
                    adjustPosition={true}
                    onInput={this.onInput.bind(this)}
                    onBlur={this.onBlur.bind(this)}
                />

 <Textarea
            className='input'
            value={this.props.value || ''}
            placeholder={this.props.hint}
            placeholderClass='placeHolder'
            adjustPosition={true}
            cursor={0}
            onInput={this.onInput.bind(this)}
            disabled={this.props.disable}
            onBlur={this.onBlur.bind(this)}
          />

 onBlur() {
    window.scrollTo(0, 0)
  }
上一篇 下一篇

猜你喜欢

热点阅读