在uniapp中设置scroll-view的高度,通常有几种方法,这些方法可以根据不同的布局需求进行选择。以下是几种常见的设置scroll-view高度的方法: 1. 使用固定高度 如果你知道scroll-view需要的确切高度,可以直接在样式中设置这个高度。例如: vue <template> <scroll-view class="scroll-view" scroll-y="true...
可滚动视图区域。使用竖向滚动时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。 横向滚动需打开 enable-flex 以兼容 WebView,如 <scroll-view scroll-x enable-flex style="flex-direction: row;"/> ...
所以,给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 最简单的用法,纵向滚动直接设置一个已知的固定高度 height 就行了,没啥难度。 场景二:整个布局上、中、下3个模块布局,中间局部滚动 ...
我们都知道在使用scroll-view组件纵向滚动时,需要给<scroll-view/>一个固定高度,通过 WXSS 设置 height,但是在我之前的接触的一个小程序中,我把wxml文件中的最外层用<scoll-view/>包裹了,此时设置height为100%,但是没什么
小程序的 scroll-view 也可以用这种方法动态的去设置高度。需要稍微改动一下。 把scroll-view 的高度设置成100%;给外出 body 一个高度。这个高度在flex-grow 的作用下并不会起作用。 <view class="container"> <view class="header"></view> <view class="body"> <scroll-view :scroll-y="true" class=...
可见,scroll-view位于页面的最下方,如果我直接给它设定一个固定的高度,那么在不同尺寸的屏幕上,就可能会有高度过小而在下方留白,或者高度过大超出屏幕下边界的可能。那么,自动计算scroll-view的高度,看起来是一个可行的办法。 思路有了,接下来就开始挑趁手的工具吧!
在uniapp中scroll view 需要给固定高度,根据不同手机高度不一样,scroll view高度不相同,uniapp中不能进行dom操作,如何让scroll view适应不同手机高度,计算好高度如何给scroll view 设置高度呢 通过uni.getSystemInfoSync()获取窗口宽度和高度动态设置 scroll-view 高度 :style动态绑定height高度 ...