美文网首页
Taro ios 键盘隐藏空白

Taro ios 键盘隐藏空白

作者: blossom_6694 | 来源:发表于2019-12-31 11:42 被阅读0次

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)
  }

相关文章

网友评论

      本文标题:Taro ios 键盘隐藏空白

      本文链接:https://www.haomeiwen.com/subject/zxsboctx.html