//计算 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...
关键属性是height: 0,如果没有该属性,高度会溢出,不会出现滚动效果 还有一个注意的点,要一直向上检查父元素的高度都是height: 100%; 参考 一招搞定微信小程序ScrollView等组件高度自适应
wxml: <scroll-view scroll-y style="height: {{height?height+'px':'auto'}}"> <view class='wwww' id='www'> <view>111</view> <view>111</view> <view>111</view> <view>111</view> <view>111</view> <view>111</view> </view> </scroll-view> css: .wwwwview{height:200rpx; bac...
关键点在于调整 scroll-view 的高度属性，将其设置为父容器的 100%，同时在其包裹容器上启用 Flex 布局，并设置 flex:1 属性。这样，scroll-view 可以根据上下容器内容自适应调整高度，实现高度自适应。实现这一方案后，scroll-view 的高度将完美匹配屏幕尺寸，内容展示不再受限。值得注意的是，在使用 F...
官网的需要给 scroll-view 一个固定高度这句话需要改成需要给 scroll-view 设置高度,也就是说,我们不一定是固定的高度,而是需要给一个高度,而不是固定值,哈哈,我相信很多人已经猜到了,scroll-view需要自适应,是不是把hight设置100% 就好了尼,是的,恭喜你答对了一半,也就是说,我们让scroll-view的高度是父...
第一种情况,scroll-view占据整屏 scroll-view { height: 100vh; } 第二种情况,scroll-view自适应页面剩余高度 xml文件 <view class="box"> <view class="box-head"></view> <scroll-view class="box-scroll"></scroll-view> </view> wxss文件 ...
请问一下,我在页面分成了上下两部分,上部分是固定的一个view,下部分是一个scroll-view组件,需要根据屏幕大小进行自适应高度适配,这个scroll-view的高度应该怎么设置啊? 我用var dev = wx.getSystemInfoSync();获取设备高度,然后减去view的高度,但是貌似在不同的拼上会导致scroll-view的高度并没有完全延伸到底部,而...
固定一下宽度试试
微信小程序 scroll-view 滚动至底部 需求是对话列表收到新消息后,需要自动将 scroll-view 滚动至底部显示最新对话消息。 使用 wx.createSelectorQuery().select('#viewId').boundingClientRect 方式获取高度时,发现数据更新后并不能获取最新view 高度,而是再次手动滑动至底部后 rect 对象内包含的 bottom / height ...