//计算 scroll-view 的高度computeScrollViewHeight(){letthat=thisletquery=wx.createSelectorQuery().in(this)query.select('.title').boundingClientRect(function(res){//得到标题的高度lettitleHeight=res.height//scroll-view的高度 = 屏幕高度- tab高(50) - 10 - 10 - titleHeight//获取屏幕可用高度let...
使用竖向滚动(scroll-y)时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。微信开放文档 编写WXML,项目上将这段作为template: <scroll-viewscroll-ystyle="width:100%;height:{{scrollHeight}}px;"refresher-enabled="{{true}}"refresher-thresh...
先去获取屏幕的高度,然后通过减去除去scroll-view的其他块的固定高度,得到scroll-view的高度(刚开始我就是这么做的)。 Page({ data: { height: 0, }, onLoad: function () { let screenHeight = wx.getSystemInfoSync().windowHeight; this.setData({ height: screenHeight - 200, }); }, }); <view>...
小程序scroll-view设置view靠下就无法滚动? 页面根标签是screen,结构是3层,history-view是历史记录,exp-view是用户当前输入的表达式,result-view是计算结果。 history-view和exp-view是横向scroll-view,screen是竖向scroll-view,我的需求是: 3层在screen中靠下对齐,竖向超出screen高度后可以竖向滚动。 这样实现了靠下...
不要使用小程序里的 scroll-view,不要使用小程序里的 scroll-view,不要使用小程序里的 scroll-view。 scroll-view会存在下拉失效等问题,或拉一半等问题,推荐原生把,如果不是做自定义导航栏的,原生是最方便的,自定义了也不急还是原生,把scroll-view 换成 view,给view高度,其具备滚动条就行。
//search-view高度计算let qSearch = wx.createSelectorQuery(); qSearch.select('.search').boundingClientRect() qSearch.exec(function(res){that.setData({ useHeith: that.data.useHeith + res[0].height })// killorder-view高度let qKillOrder = wx.createSelectorQuery(); ...
亿点小知识:使用竖向滚动时,需要给 <scroll-view> 一个固定高度,通过 css 设置 height;使用横向滚动时,需要给<scroll-view>添加white-space: nowrap;样式。 页面 根据不同的需求开启不同的属性 `<scroll-view class="car-list" refresher-enabled="true" ...
用 flex 布局啊
方案1:js计算高度 方案2:使用flex布局 参考 文档 uni-app文档:https://uniapp.dcloud.net.cn/component/scroll-view.html 使用竖向滚动时,需要给 一个固定高度,通过 css 设置 height 微信文档:https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html ...