处理微信小程序scroll-view未被占满时滚动的问题

news/2024/7/20 3:31:12 标签: 微信小程序, 小程序

小程序>微信小程序(原生/uniapp)使用了 scroll-view 组件的第一个子元素设置了 margin-top 时,即使 scroll-view 只有一行也可以滚动。

解决办法:

方案一:

去掉第一个元素的 margin-top,设置 scroll-view 组件的 padding-top 来替代。

这样做的话在滚动时scroll-view 顶部和最上面一个元素之间总是有一段空隙。

下面两个方案几乎没有负面影响。

方案二:

去掉第一个元素的 margin-top,在 scroll-view 组件和第一个子元素之间添加一个高度固定的空白元素。

方案三:

将 scroll-view 组件的所有直接子元素用一个容器包裹,并将容器的宽高都设置为 100%,定位属性与 scroll-view 保持一致。

http://www.niftyadmin.cn/n/200296.html

相关文章

Linux多线程与同步

典型的UNIX系统都支持一个进程创建多个线程(thread)。在Linux进程基础中提到,Linux以进程为单位组织操作,Linux中的线程也都基于进程。尽管实现方式有异于其它的UNIX系统,但Linux的多线程在逻辑和使用上与真正的多线程并没有差别。 在Linux从…

【Kafka】kafka日志收集平台搭建(二)

继上一篇博文初步搭建好kafkazookeeperfilebeat的集群平台后,这次我们继续给此集群添加功能并完善. 数据入库(python实现) 需求分析 需要nginx日志的ip,时间,带宽字段 将ip字段解析成相应的省份、运营商 存入数据库的字段: id,…

Git远程仓库

1、注册gitee账号 gitee网址 根据要求注册即可 2、创建仓库 3、配置SSH公钥 gitee支持https和ssh等方式。如果使用https很简单基本不需要配置就可以使用,但是每次提交代码和下载代码时都需要输入用户名和密码。而且如果是公司配置的私有git服务器一般不提供 https方…

Spring的核心与设计思想

目录 IoC 传统程序开发思想 传统程序开发的缺陷 控制反转式程序开发 对比总结 理解Spring IoC DI 总结 我们通常所说的Spring指的是Spring Framework(Spring 框架),它是一个开源的框架,有着活跃而庞大的社区,Spring支持广泛的应用场景,可以让Java企业级的应用程序开发…

K8S持久化存储--- PVC和PV的存储

1. k8s PV 是什么? PersistentVolume ( PV )是群集中的一块存储,由管理员配置或使用存储类动态配置。 它是集群中的资源,就像 pod 是 k8s 集群资源一样。 PV是容量插件,如 Volumes ,其生命周期…

【Python】字符串 ⑥ ( 对表达式进行格式化 )

文章目录一、对表达式进行格式化1、语法说明2、代码示例一、对表达式进行格式化 1、语法说明 在 字符串快速格式化 和 普通格式化 中 , 拼接字符串的载体除了 变量 和 字面量 ( 常量 ) 之外 , 还可以是表达式 ; 字符串格式化 中的 表达式需要使用 括号 括起来 ;字符串快速格式…

pyqt5界面使用两种方式

原始ui的加载方式需要通过uic模块,此处main.ui是界面。 from PyQt5.QtWidgets import QApplication, QWidget from PyQt5 import uicclass Example(QWidget):def __init__(self):super().__init__()self.ui uic.loadUi(GUI/main.ui, self)if __name__ __main__:a…