//计算 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-view一个固定高度,通过 WXSS 设置 height 所以,给scroll-view设置一个固定高度就可以了 方案1:js计算高度 实现原理: 通过js获取设备高度和外层父元素位置信息,动态计算出剩余高度,也就是scroll-view的高度 // 获取总高度letscreenHeight=uni.getSystemInfoSync().windowHeight;// 布局位...
或许,我觉得官网的需要给 scroll-view 一个固定高度这句话需要改成需要给 scroll-view 设置高度,也就是说,我们不一定是固定的高度,而是需要给一个高度,而不是固定值,哈哈,我相信很多人已经猜到了,scroll-view需要自适应,是不是把hight设置100%就好了尼,是的,恭喜你答对了一半,也就是说,我们让scroll-view的高...
1.在动态设置scroll-view高度的时候,当页面置于tabbar且非首页的时候,通过getSystemInfo得到的windowHeight再减去固定高度得到的值并不准确,貌似tabbar会占用一定的高度,但是小程序中并没有提供tabbar的高度,而页面置于首页或不使用tabbar时则不会出现这个问题。 2.为了移动滚动条到最下方,我的处理是直接加一个固定高度10...
可滚动视图区域。使用竖向滚动时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。 横向滚动需打开 enable-flex 以兼容 WebView,如 <scroll-view scroll-x enable-flex style="flex-direction: row;"/> ...
1、获取某个view的高度,以下面 view 为例 // 给 view 添加id比如“test_id” <viewid="test_id"></view> // 然后在页面的 onReady 生命周期中获取该id对应的高度,单位 pxonReady() { console.log('onReady'); uni.createSelectorQuery().select("#test_id").boundingClientRect(res => {letview...
scroll-view占满整个屏幕,且scroll-view的滚动不影响到页面其他地方的滚动 在iphone6的尺寸下,scroll-view设置高度为1110rpx,就不会影响页面其他地方的滚动 但是当屏幕尺寸调至iphone5时,左边scroll-view的滚动,就会带动右边内容的滚动 而在ip
<view class="scroll-view-content"> </view> 注意: scroll-view内部使用flex=1约束高度无效,可以使用...
可以看到预览完全没问题,接下来往里面放一个滚动视图scroll-view,设置为可以垂直滚动,高度设置为100%样式 <viewclass='header'></view><viewclass='box'><scroll-viewclass='sv'scroll-y='true'style='height:100%;'><view>韦神和这位水友打了照面,这样近的距离下连开十枪,但居然全被这位水友完美躲过。连...
可见,scroll-view位于页面的最下方,如果我直接给它设定一个固定的高度,那么在不同尺寸的屏幕上,就可能会有高度过小而在下方留白,或者高度过大超出屏幕下边界的可能。那么,自动计算scroll-view的高度,看起来是一个可行的办法。 思路有了,接下来就开始挑趁手的工具吧!