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

阅读: 评论:0

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

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

页面:

<textareawx: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()(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})}},

本文发布于:2024-02-04 13:10:23,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170708002755867.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23