1. 确定uniapp中scroll-view组件的滚动条属性 在uniapp中,scroll-view 组件有一个 scroll-bars 属性,用于设置是否显示滚动条。但需要注意的是,这个属性在某些平台上可能不支持(如微信小程序),因此我们需要同时考虑使用CSS样式来确保跨平台的兼容性。 2. 使用CSS样式隐藏滚动条 为了确保在所有平台上都能隐藏滚动条...
/*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; } /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); }...
::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.在app.vue的style里面外部链接base.css 这种办法比较适配,控制所有滚动条 @import url("./base.css"); 在base.css中 ::-webkit-scrollbar{ display: none; } 2.直接在app.vue里面用条件编译,可以根据不同平台控制不同标签的属性 @import url("./base.css"); /* 解决小程序和app滚动条的问题 *...
如果scroll-view组件中设置margin-top样式 如果scroll-view组件中第一个元素设置margin-top样式,就会出现滚动条 解决办法 在scroll-view组件第一个元素设置为 <view style="content: ''; overflow: hidden;"></view> 下一个元素再设置margin-top就不会出现滚动条。 上一篇说说对盒子模型的了解和实际开发中需要...
开发直播软件app时，uni-app的vue页面中，对app端scroll-view滚动条进行隐藏，通过CSS的-webkit-scrollbar进行自定义设置，实现滚动条的隐藏功能。（注意：app-nvue中无此CSS）在配置文件pages.json里，可加入相关设置。同时，在App.vue页面的style部分，进行相关代码编写，以达到滚动条隐藏效果。通过上述...
<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代码 但是右侧始终没有滚动条这是为啥 请...
问题描述 在线聊天上拉加载历史数据:先通过 uni.createSelectorQuery 记录请求数据之前的高度,然后在请求成功后再次查询节点高度,并且计算 scrollTop 应该滚动的高度。 问题:1. 在 h5 页面中会存在滚动条滚动到指定位置了但是页面没有任何数据(模拟器上没有问题,真机
uni-app scroll-view隐藏滚动条 效果图: 代码: scroll-view ::-webkit-scrollbar { display: none; }