官网的需要给 scroll-view 一个固定高度这句话需要改成需要给 scroll-view 设置高度,也就是说,我们不一定是固定的高度,而是需要给一个高度,而不是固定值,哈哈,我相信很多人已经猜到了,scroll-view需要自适应,是不是把hight设置100% 就好了尼,是的,恭喜你答对了一半,也就是说,我们让scroll-view的高度是父...
// 获取总高度letscreenHeight=uni.getSystemInfoSync().windowHeight;// 布局位置信息constquery=uni.createSelectorQuery().in(this)query.select('#scroll-view').boundingClientRect((data)=>{// @ts-ignoreconsole.log('得到布局位置信息'+JSON.stringify(data))// @ts-ignorethis.height=`height:${data....
data: {bodyText:'',// 展示的文本内容scrollTop:0// 竖向滚动条的位置} 定义一个方法,设置滚动条定位到底部 autoScroll() {letthat =thisletquery = wx.createSelectorQuery()// 通过class选择器定位到scorll-viewquery.select('.scroll-text').boundingClientRect(res=>{ that.setData({// 由于res.height...
flex:1 高度依然不会自适应加一个默认高度1px就可以自适应了 通用组件化处理 list.wxml <scroll-view class="list-scroll {{ autoHeight ? 'list-scroll--auto' : '' }}" scroll-y enable-back-to-top bind:scrolltolower="scrolltolower" > <slot></slot> <!-- 加载完成 --> <view wx:if="{{...
</view> </scroll-view> css: .wwwwview{height:200rpx; background: wheat} js: var is_1_height; Page({ //生命周期函数--监听页面加载 onLoad: function(options) { var that=this; wx.getSystemInfo({ success: function (res) { wx.createSelectorQuery().select('video').boundingClientRect(func...
使用竖向滚动时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。 属性说明: WebView 属性 类型 默认值 必填 说明 最低版本 scroll-x boolean FALSE 否 允许横向滚动 1.0.0 scroll-y boolean FALSE 否 允许纵向滚动 1.0.0 upper-threshold ...
而小程序的scroll-view组件就比较坑了,非得指定一个高度才能正常使用。布局复杂的时候谁还给你算高度啊。。。 坑归坑,没办法,还是得用……既然官方要求必须传高度,那就想办法计算吧。 一、布局分析,推导公式 先给个示例图: 这是一个稍微复杂点的页面,最上面是两个tab标签,每个标签的页面是一个子组件。第二个...
首先,在计算过程中,整个页面的高度是必须要有的。而小程序的 wx.getSystemInfo API 正好可以提供这样的功能。 其次,我们还得想办法拿到scroll-view上面各个组件的高度。小程序虽然没有 DOM 操作,但也提供WXML 节点信息的 API。 简洁起见,我只会写出相关的代码,其余的代码我将直接略掉。
一、把子元素的高度赋给scroll-view 先说一下两个知识点:wx.getSystemInfo()、wx.createSelectorQuery() 二、自适应不同高度的手机