在uniapp中设置scroll-view的高度,通常有几种方法,这些方法可以根据不同的布局需求进行选择。以下是几种常见的设置scroll-view高度的方法: 1. 使用固定高度 如果你知道scroll-view需要的确切高度,可以直接在样式中设置这个高度。例如: vue <template> <scroll-view class="scroll-view" scroll-y="true...
所以,给scroll-view设置一个固定高度就可以了 方案1:js计算高度 实现原理: 通过js获取设备高度和外层父元素位置信息,动态计算出剩余高度,也就是scroll-view的高度 // 获取总高度letscreenHeight=uni.getSystemInfoSync().windowHeight;// 布局位置信息constquery=uni.createSelectorQuery().in(this)query.select('#s...
或许,我觉得官网的需要给 scroll-view 一个固定高度这句话需要改成需要给 scroll-view 设置高度,也就是说,我们不一定是固定的高度,而是需要给一个高度,而不是固定值,哈哈,我相信很多人已经猜到了,scroll-view需要自适应,是不是把hight设置100%就好了尼,是的,恭喜你答对了一半,也就是说,我们让scroll-view的高...
我们都知道在使用scroll-view组件纵向滚动时,需要给<scroll-view/>一个固定高度,通过 WXSS 设置 height,但是在我之前的接触的一个小程序中,我把wxml文件中的最外层用<scoll-view/>包裹了,此时设置height为100%,但是没什么卵用,我又把height的单位改为px后scoll-view才有反应,网上各种百度之后,说是想要设置高度为...
可滚动视图区域。使用竖向滚动时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。 横向滚动需打开 enable-flex 以兼容 WebView,如 滚动条的长度是预估的,若直接子节点的高度差别较大,则滚动条长度可能会不准确 ...
场景一:布局中已知高度局部滚动 一般页面布局中某个模块需要局部滚动,以横向滚动更多,纵向滚动其实也类似。这个也是 scroll-view 最简单的用法,纵向滚动直接设置一个已知的固定高度 height 就行了,没啥难度。 场景二:整个布局上、中、下3个模块布局,中间局部滚动 ...
在uniapp中scroll view 需要给固定高度,根据不同手机高度不一样,scroll view高度不相同,uniapp中不能进行dom操作,如何让scroll view适应不同手机高度,计算好高度如何给scroll view 设置高度呢 通过uni.getSystemInfoSync()获取窗口宽度和高度动态设置 scroll-view 高度 :style动态绑定height高度 ...
//计算 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...
官方文档开头就说,当我们使用竖向滚动时,就需要给它一个固定高度,单位是px。 可滚动视图区域。使用竖向滚动(scroll-y)时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。微信开放文档 ...