微信小程序使用textarea时，滑动屏幕字总是飘的解决方案

最新推荐文章于 2024-04-27 19:48:28 发布

一切自知

最新推荐文章于 2024-04-27 19:48:28 发布

阅读量2.2k

点赞数

文章标签：小程序

本文链接：https://blog.csdn.net/apoc3/article/details/106208031

版权

页面：

<textarea
    wx:if="{{sslyareashow}}"
      class="textarea_tsnrzy"
      placeholder=""
      value=""
      bindinput='sshlyInput'
      id="sslyarea">
    </textarea>

js文件：

data:{
	zheight:0,
    sslyareashow: true,
    sslyareaheight:0,
}
onLoad:function(options){
	wx.getSystemInfo({
      success: function (res) {
        console.log(res.windowWidth);
        console.log(res.windowHeight);
        var zheight = res.windowHeight;
        that.setData({
          zheight: zheight
        });
      },
    })
    const query = wx.createSelectorQuery()
    query.select('#sslyarea').boundingClientRect()
    query.selectViewport().scrollOffset()
    query.exec(function (res) {
      that.setData({
        sslyareaheight: res[0].top
      });
    })
}
onPageScroll: function (e) {
    var sslycj = this.data.sslyareaheight - this.data.zheight;
    if (e.scrollTop <= sslycj){
      this.setData({
        sslyareashow: false
      })
    }else {
      this.setData({
        sslyareashow: true
      })
    }
  },