在uniapp中隐藏scroll-view组件的滚动条,可以通过CSS样式来实现。以下是几种常见的方法: 1. 使用全局样式隐藏滚动条 你可以在App.vue的<style>标签中添加全局样式来隐藏所有scroll-view组件的滚动条: css scroll-view ::-webkit-scrollbar { display: none; width: 0; height: 0; color: transparent;...
在pages.json增加如下配置 "globalStyle":{ "navigationBarTextStyle":"black", "navigationBarTitleText":"uni-app", "navigationBarBackgroundColor":"#F8F8F8", "backgroundColor":"#F8F8F8", "app-plus":{ "bounce":"none", "scrollIndicator":"none"//重点是这行,其他的是我自己的需求,我这里选的是...
1. scroll-view ::-webkit-scrollbar { //下面四个属性,选一个就可 display:none; width:0; height:0; background-color:transparent; } 2. /deep/::-webkit-scrollbar { display:none; width:0; height:0; color:transparent; background:transparent; } 3. /deep/.uni-scroll-view ::-webkit-scrol...
uni-app的vue页面,app端scroll-view的滚动条设置,可通过css的-webkit-scrollbar自定义,包括隐藏滚动条。(app-nvue无此css) 在pages.json页面增加以下配置: "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "...
开发直播软件app时，uni-app的vue页面中，对app端scroll-view滚动条进行隐藏，通过CSS的-webkit-scrollbar进行自定义设置，实现滚动条的隐藏功能。（注意：app-nvue中无此CSS）在配置文件pages.json里，可加入相关设置。同时，在App.vue页面的style部分，进行相关代码编写，以达到滚动条隐藏效果。通过上述...
"scrollIndicator": "none"//隐藏该页面滚动条 } } } ], "globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "uni-app", "navigationBarBackgroundColor": "#F8F8F8", "backgroundColor": "#F8F8F8", "app-plus": { "scrollIndicator": "none"//隐藏所有页面滚动条 }...
::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...
uni-app scroll-view隐藏滚动条 效果图: 代码: scroll-view ::-webkit-scrollbar { display: none; }
<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代码 但是右侧始终没有滚动条这是为啥 请...