小程序给scroll-view设置高度

最新推荐文章于 2025-03-18 20:23:38 发布
最新推荐文章于 2025-03-18 20:23:38 发布
阅读量2.7k 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zyf13671493506/article/details/93861210
版权
微信小程序修改swiper的默认高度并使用scroll-view进行内容滚动
baidu_39188121的博客
08-29 1337
修改swiper的默认高度并使用scroll-view进行内容滚动 效果： swiper的默认高度150rpx，但是我们的内容不是固定的，且高度会变化。 思路是设置swiper一个固定高度，swiper内的scroll-view的高度与其一致，这样scroll-view在swiper就能全部显示。 问题是swiper的高度不能写死多少rpx，因为不同手机型号的高度不一样，所以需要计算swiper...
微信小程序获取滚动条高度_微信小程序设置滚动条过程详解
weixin_32821813的博客
01-17 1579
原因原来在app.wxss中定义了如下的内容【不知道是不是新建项目自动生成的，这里也就提供了隐藏滚动条的思路啦】::-webkit-scrollbar {width: 0px;height: 0px;color:#transparent;}what, 宽高为0，而且还是透明的，难怪，好吧，修改宽高4px，color设置为green，以为可以了，呵呵，太年轻。scroll-viwe依然没有滚动条，以...
微信小程序开发，解决scroll-view高度自适应问题的方法
最新发布
m0_63472757的博客
03-18 793
uniapp 微信小程序开发，解决scroll-view高度自适应问题的方法
【uniapp】通过css动态设置scroll-view高度
weixin_42306796的博客
11-21 3258
通过css设置动态设置scroll-view高度
Android ScrollView 动态设置宽高
weixin_31518415的博客
07-16 341
Android ScrollView 动态设置宽高 在Android开发中，ScrollView是一个常用的布局控件，用于在有限的空间内展示更多的内容。然而，有时候我们需要根据内容的多少动态地设置ScrollView的宽高。本文将介绍如何实现这一功能，并提供相应的代码示例。 1. ScrollView 简介 ScrollV...
小程序scroll-vew高度设置
坚持原创
08-31 927
小程序scroll-view的高度多少才不会出现页面滚动条 wxml代码： 我是顶部固定内容 wxss代码： .top { height: 100rpx; background: green; } .red{ height: 400rpx; background: red; } .blue{ height: 400rpx; background: blue; } js代码： o...
微信小程序中scroll-view中不设定高度实现自动滚动
09-17
### 微信小程序中scroll-view实现自动滚动及高度自适应 #### 一、问题背景与需求分析 在微信小程序开发过程中，经常会遇到需要使用`scroll-view`组件来展示可滚动内容的需求。通常情况下，为了使`scroll-view`能够...
微信小程序 scroll-view滚动到底部事件不触犯的锅
03-29
最后经过不懈的努力，找了很多资料，才发现,居然要设置scroll-view高度，于是我在.wxss里设置了高度为100%: .scrollStyle{ width: 100%; height: 100%; display: flex; flex-direction: column; } 居然无效，...
微信小程序 scroll-view的使用案例代码详解
10-15
【微信小程序 `scroll-view` 的使用详解】 在微信小程序开发中，`scroll-view` 是一个非常重要的组件，它提供了一个可滚动的视图容器，能够处理复杂的滚动需求，包括横向和纵向滚动。本文将深入探讨 `scroll-view` ...
Vue H5 scroll-view在浏览器上设置动态高度方法
l772545435的专栏
03-13 701
/ 设置CSS变量 document.documentElement.style.setProperty('--vh', `${vh}px`);/* 禁止body滚动 */ body { overflow: hidden;} /* 允许滚动视图内部滚动 */ .scroll-view { overflow-y: auto;.full-height-element { /* 使用自定义的 --vh 变量代替 100vh */ height: calc(var(--vh, 1vh) * 100);
【小程序scroll-view适配高度问题】
weixin_45369107的博客
03-30 605
(Number(screenHeight)-Number(bottom)) bottom是 wx.getSystemInfo获取结果中的safeArea中的bottom，我认为的含义就是手机左上角或者右上角距离屏幕底部的高度，因为苹果手机的底部横条（操作条）用 screenHeight 减去 bottom 得到的值为44 ，调试用的是iPhone 12 mini，据查询得到确实是44px，因为有的苹果没有横条，所以可以用这个进行适配。如果是自定义的标题，可以通过上面方法拿到高度。
小程序 - 处理scroll-view组件的高度问题
热门推荐
前端Cocoko
11-22 1万+
在最近的小程序开发项目中有用到scroll-view组件，比较难搞定的是其高度问题，因其scroll-view自带一个高度，且需有高度才能有滑动效果； 1、js 计算高度； <scroll-view style='height:{{scrollHeight}}px' class='scrollStyle' scroll-y='true' bindscrolltolower=&a
微信小程序渲染完获取scroll-view的自适应高度
u010003738的专栏
03-16 2202
在写微信小程序页面时，常常会遇到上下两个view的布局，上面的view的高度未知，要等到渲染完异步数据才能确定，下面的view里面要放一个scroll-view，要求scroll-view自适应页面剩余高度，根据官方文档，使用竖向滚动时，需要给scroll-view一个固定高度，那么这个scroll-view的自适应高度要怎么获取到呢？ scroll-view 可滚动视图区域。使用竖向滚动时，需要给scroll-view一个固定高度，通过 WXSS 设置 height。组件属性的长度单位默认为px，2
小程序窗口的高度
weixin_34149796的博客
04-04 814
2019独角兽企业重金招聘Python工程师标准>>> ...
微信小程序scroll-view自动适应屏幕高度的使用方法
木豪末的博客
02-12 1万+
在写微信小程序时，经常会遇到页面需要上下滑动的需求，这个时候就需要用到scroll-view了，而使用scroll-view组件时必须设置它的高度，在页面顶部是一个导航栏，而底部的内容就需要滚动，这需要根据屏幕的高度来实时计算scroll-view的高度，我之前的处理方式是利用微信的WXML方法去实时获取顶部tab栏的高度，再实时计算出scroll-view的高度。这种方法既费时而且...
微信小程序开发学习笔记——2.4scroll-view可滚动视图区域组件
Qy_cm的博客
02-08 480
>跟着b站up主“咸虾米_”学习微信小程序开发中，把学习记录存到这方便后续查找。.row*3回车（3可改成任意整数）.row{$}*3回车。
onPageScroll小程序获取滚动条滑动距离顶部的距离
sxs7970的博客
11-17 2419
小程序中有onPageScroll()方法可以获取滚动条距离顶部导航的距离 onPageScroll(e){ if(e.scrollTop>10){ this.setData({ isShowTop:true }) }else{ this.setData({ isShowTop:false }) } ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值