scroll-view 在 Android 和 小程序 中 , 默认没有 滚动条 在iOS 中,出现 滚动条; 解决办法: 在页面的style标签中 ➕ 如下代码 /deep/.uni-scroll-view::-webkit-scrollbar{/*隐藏滚动条,但依旧具备可以滚动的功能*/display:none} /deep/ 在 css 中的语法 为 深入的 深远的...
在uniapp中,要去掉scroll-view组件的滚动条,你可以采取以下几种方法: 1. 使用show-scrollbar属性 scroll-view组件提供了show-scrollbar属性,你可以直接将其设置为false来隐藏滚动条。这是最简单直接的方法。 html <template> <scroll-view scroll-y="true" :show-scrollbar="false"> <!--...
::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. uni-app中scroll-view组件内容没有超出高度,就出现滚动条的问题(1) 最新评论 1. Re:uni-app中scroll-view组件内容没有超出高度,就出现滚动条的问题 不理解为什么,uniapp会有这样的机制。当scroll-view组件中第一个元素设置margin-top样式,就会又滚动条。但是这个解决办法,已然是最优解了 --小阿紫风...
我用scroll-view的时候:用手机模拟器和小程序查看的时候并没有出现滚动条,真机运行的时候出现滚动条,用h5直接看的时候出现滚动条,我发现的解决办法有两种: 1.在app.vue的style里面外部链接base.css 这种办法比较适配,控制所有滚动条 @import url("./base.css"); 在base...
8.scroll-view组件内容没有超出高度,就出现滚动条的问题 如果scroll-view组件中第一个元素设置margin-top样式,就会出现滚动条,在scroll-view组件第一个元素设置为<view style="content: ''; overflow: hidden;"></view>下一个元素再设置margin-top就不会出现滚动条,如果是 margin-bottom就在scroll-view组件最后一...
uni-app的scroll-view组件的使⽤体验1.移动端隐藏scroll滚动条 //不出现滚动条 ::-webkit-scrollbar { width: 0;height: 0;background-color: transparent;} 2.使⽤这个需要注意以下⼏个⽅⾯：<scroll-view scroll-y="true" class="scroll-Y"> <view class=" scroll-view-item"> </view> <...
<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代码 但是右侧始终没有滚动条这是为啥 请...
开发直播软件app时，uni-app的vue页面中，对app端scroll-view滚动条进行隐藏，通过CSS的-webkit-scrollbar进行自定义设置，实现滚动条的隐藏功能。（注意：app-nvue中无此CSS）在配置文件pages.json里，可加入相关设置。同时，在App.vue页面的style部分，进行相关代码编写，以达到滚动条隐藏效果。通过上述...