解决微信小程序 input错位-前端开发-郭俊杰的知识库

解决微信小程序 input错位

Data: 2015-05-09 20:58:18Form: JournalClick: 5

问题：微信小程序input获取焦点时内容飞到上面了，input用view标签包裹，未使用定位

解决：最外层标签使用scroll-view包裹，当input获取到焦点时，scroll-view的属性scroll-y设置为false，当input失去焦点时，scroll-y设置为true

代码：

<scroll-view scroll-y="{{isScroll}}">
  //页面内容
  <view>
    <input bindfocus="onfocus" bindblur="onblur" type="text"            
         placeholder="placeholder" />
  </view>
</scroll-view>
onfocus: function() {
   this.setData({isScroll: false})
},
onblur: function () {
   this.setData({isScroll: true})
},

我是 PHP 程序员

解决 微信小程序 input错位

解决微信小程序 input错位