所以,给scroll-view设置一个固定高度就可以了 方案1:js计算高度 实现原理: 通过js获取设备高度和外层父元素位置信息,动态计算出剩余高度,也就是scroll-view的高度 // 获取总高度letscreenHeight=uni.getSystemInfoSync().windowHeight;// 布局位置信息constquery=uni.createSelectorQuery().in(this)query.select('#s...
//计算 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 一个固定高度这句话需要改成需要给 scroll-view 设置高度,也就是说,我们不一定是固定的高度,而是需要给一个高度,而不是固定值,哈哈,我相信很多人已经猜到了,scroll-view需要自适应,是不是把hight设置100%就好了尼,是的,恭喜你答对了一半,也就是说,我们让scroll-view的高...
第一种情况,scroll-view占据整屏 scroll-view {height:100vh; } AI代码助手复制代码 第二种情况,scroll-view自适应页面剩余高度 xml文件 <viewclass="box"><viewclass="box-head"></view><scroll-viewclass="box-scroll"></scroll-view></view> AI代码助手复制代码 wxss文件 .box{display: flex;flex-dire...
<view>111</view> <view>111</view> </view> </scroll-view> css: .wwwwview{height:200rpx; background: wheat} js: var is_1_height; Page({ //生命周期函数--监听页面加载 onLoad: function(options) { var that=this; wx.getSystemInfo({ ...
关键点在于调整 scroll-view 的高度属性，将其设置为父容器的 100%，同时在其包裹容器上启用 Flex 布局，并设置 flex:1 属性。这样，scroll-view 可以根据上下容器内容自适应调整高度，实现高度自适应。实现这一方案后，scroll-view 的高度将完美匹配屏幕尺寸，内容展示不再受限。值得注意的是，在使用 ...
固定一下宽度试试
滑动tab选项卡 高度不能自适应问题 wxml <swiper id="swiper1" bindchange="intervalChange" current="{{mycurrent}}" style="height: {{clientHeight?clientHeight+'px':'auto'}}"> <!--软件著作权--> <swiper-item class="slide-swiper"> <scroll-view scroll-y="{{true}}" style="height: {{clien...
一、把子元素的高度赋给scroll-view 先说一下两个知识点:wx.getSystemInfo()、wx.createSelectorQuery() 二、自适应不同高度的手机
4.底部固定 中间高度自适应布局 <viewclass='report-detail'><viewclass='center-wrap'><viewclass='empty-box'></view></view><viewclass='btn-box'></view></view> .empty-box{/*height 的高度取决于底部固定元素的高度*/width:100%;height:110rpx;background-color:transparent;} ...