在uniapp中,view 组件本身并不直接支持滚动条功能。如果你需要在 view 组件中显示滚动条,应该使用 scroll-view 组件。以下是如何在uniapp中实现显示滚动条的步骤: 定位到需要显示滚动条的 view 组件: 确定哪个 view 组件需要显示滚动条,并替换为 scroll-view 组件。 启用滚动条: 在scroll-view 组件上设置相应的属...
::v-deep::-webkit-scrollbar{// 滚动条整体样式display:block;width:10rpx!important;height:10rpx!important;-webkit-appearance:auto!important;background:transparent;overflow:auto!important;}::v-deep::-webkit-scrollbar-thumb{// 滚动条里面小方块border-radius:10rpx!important;box-shadow:inset005rpxrgba(...
1、横向滚动基本写法 <template> <view> <!-- 横向滚动条 --> <view class="uni-padding-wrap uni-common-mt"> <scroll-view class="scroll-view_H" scroll-x="true" @scroll="scroll" scroll-left="100%" @scrolltolower="scrolltolower"> <view class="scroll-view-item_H uni-bg-red">A</vi...
最终选择了适用scroll-view自带的滚到底部触发事件scrolltolower事件,虽然这个事件确实能够实现上拉加载数据分页的功能,但是这个是事件存在两个问题。第一个问题就是当滚动条滚动到底部时会多次触发scrolltolower事件,第二个问题是当页面由第一个scroll-view(该页面已经到了的最底部了)切换到第二个scroll-view时会自动...
uniapp——scroll-view组件隐藏滚动条 在用uniapp写这个pc端项目时遇到一个表格需要展示全部的数据,但是页面上只显示4条数据,刚开始用overflow-y: scroll;出现滚动条。 因为滚动条占用位置导致表格错位,上下不对齐。scroll-view组件还是出现滚动条。 重点来了!!!
一、计算总高度和滚动条高度 在UniApp中,可以通过uni.getSystemInfoSync()方法获取窗口宽度和高度,并动态设置scroll-view的高度。同时,还需要计算所有数据的总高度,以便在下拉时准确计算出当前需要显示的数据。这种方法可以解决卡顿问题,但需要注意行高度、图片和文字数据的处理。 二、动态显示数据 在下拉滚动条时,需要...
我用scroll-view的时候:用手机模拟器和小程序查看的时候并没有出现滚动条,真机运行的时候出现滚动条,用h5直接看的时候出现滚动条,我发现的解决办法有两种: 1.在app.vue的style里面外部链接base.css 这种办法比较适配,控制所有滚动条 @import url("./base.css"); 在base...
场景一:布局中已知高度局部滚动 一般页面布局中某个模块需要局部滚动,以横向滚动更多,纵向滚动其实也类似。这个也是 scroll-view 最简单的用法,纵向滚动直接设置一个已知的固定高度 height 就行了,没啥难度。 场景二:整个布局上、中、下3个模块布局,中间局部滚动 ...
<scroll-view :scroll-top="scrollTop" :scroll-y="true" class="scroll-Y" @scrolltoupper="upper" @scrolltolower="lower" @scroll="scroll" :show-scrollbar="true" scroll-top="20rpx" style="height: 900rpx;margin-top: 90rpx;" > 直接贴代码 这是scroll代码 但是右侧始终没有滚动条这是为啥 请...