微信小程序隐藏默认滚动条

最新推荐文章于 2024-06-05 09:46:36 发布
最新推荐文章于 2024-06-05 09:46:36 发布
阅读量1k 收藏 1
点赞数
分类专栏： 笔记 文章标签： 微信小程序 小程序 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28061489/article/details/121756991
版权

右边滚动条一直出现，在wxss中加了下面代码，还是会显示

::-webkit-scrollbar{

  display: none;

  width: 0;

  height: 0;

  color: transparent;

}

 解决方法：

加上上面的代码和在使用scroll-view的外层加一层view，<view style="overflow-y: auto"></view>包裹scroll-view标签就可以达到隐藏效果

Dark丶照萤映雪
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序隐藏滚动条
weixin_43764081的博客
08-23 637
wxml： ```javascript <view class="title"> <view class="content"> <text class="active"&...
微信小程序设置滚动条
weixin_30853329的博客
07-02 1350
前言 又很久没有写东西了，上周开始将一个APP和一个网站的内容整合到微信小程序中，到这会儿终于搞得快结束了，才发现为啥我的小程序滚动视图没有滚动条，这是闹哪样，没有滚动条的滚动是没有灵魂的。 客官可移步http://fanjiajia.cn/2019/07/02/wxxcx/flx1/本文若有出入，请指正——来自小渣渣的颤抖 原因 原来在app.wxss中定义了如下的内容【不知道是不是新建项目...
隐藏微信小程序页面滚动条
Shirley__csdn的博客
07-17 390
开发小程序时，经常会碰到页面长度超过屏幕高度，然后下拉时会出现滚动条，对于一些有强迫症的人来说是不可忍受的。备注：使用page标签选择器来全局定义页面初始样式，不起效果。还是需要在最外围用一个view来包裹页面内容。然后我们只要在每个页面的最外层，加一个class为contain的view包裹页面内容就行了。
前端基础(十二)_overflow属性、clear属性、vertical-align属性
见贤思齐焉，见不贤内自省
12-16 1438
overflow属性、clear属性、vertical-align属性
滚动条详解：跨平台iOS、Android、小程序滚动条隐藏及自定义样式综合指南
最新发布
JINGWHALE
06-05 1395
随着用户界面体验提升的要求，滚动条自定义样式以及滚动条隐藏精致化的需求日渐增加，本文详细介绍了小程序、iOS、Android平台滚动条的隐藏方法，以及滚动条一般自定义样式的方法。在保持界面整洁、避免内容溢出的同时，确保用户能够访问所有信息，提升浏览体验。
uniapp 使用overflow-y 安卓不生效问题
A_Brave的博客
04-01 3301
使用uview的模态框组件u-modal显示内容过长，于是添加了一个overflow-y:auto让内容超出盒子高度可以上下滚动，运行后发现在h5端没有问题，安卓只超出隐藏不能滚动。 方案： 可以使用uni的scroll-view组件 <u-modal v-model="show" title="提示" show-cancel-button> <scroll-view scroll-y="true"> <view v-html="content" style="
关于使用overflow-y:auto；不生效的问题
Jet_Lover的博客
12-15 1万+
使用overflow-y: auto;不生效
微信小程序scroll-view容器ios端滚动条无法隐藏
m0_53136368的博客
09-07 313
【代码】微信小程序scroll-view容器ios端滚动条无法隐藏。
微信小程序scroll-view隐藏滚动条的2种小技巧
weixin_43877368的博客
03-26 1893
1、需要隐藏滚动条的视图容器(官方文档都有)
微信小程序设置滚动条过程详解
10-16
首先，我们要明白为什么默认情况下微信小程序的滚动条是不可见的。在`app.wxss`全局样式文件中，可能有如下的CSS规则，用于隐藏滚动条： ```css ::-webkit-scrollbar { width: 0px; height: 0px; color: #...
微信小程序 scroll-view隐藏滚动条详解
01-03
在书写网页的时候，往往会为了页面的美观，而选择去掉滚动区域默认的滚动条，而在这里，就是为小程序去掉滚动条的其中的一种方法： scroll-view.wxml: scroll-view.wxss scroll-view.js  最终显示效果如下; ...
微信小程序左右滚动公告栏效果代码实例
10-16
在微信小程序开发中，创建一个左右滚动的公告栏效果能够吸引用户的注意力，提供重要的信息更新。这个效果可以通过CSS样式和JavaScript编程实现。下面我们将详细探讨如何实现这一功能。 首先，我们要在小程序的页面...
微信小程序实现swiper切换卡内嵌滚动条不显示的方法示例
01-20
在微信小程序中，Swiper...综上所述，隐藏微信小程序中Swiper内嵌Scroll-View的滚动条通常需要通过调整样式和内容布局来实现，而不是直接改变滚动条的显示状态。在实际项目中，可以根据需求选择合适的方法进行优化。
微信小程序-滚动消息通知的实例代码
08-29
在微信小程序中，可以通过vertical属性来设置swiper组件的滚动方向，默认情况下vertical属性为false，即水平滚动。当vertical属性设置为true时，即实现上下滚动。 二、滚动消息通知实现 在微信小程序中，实现滚动...
微信小程序隐藏scroll-view滚动条只需要添加show-scrollbar=“{{false}}“ enhanced=“{{true}}“即可，亲测有效！
番茄Salad
10-18 2812
微信小程序只需要在scroll-view上面添加show-scrollbar=“{{false}}” enhanced="{{true}}"即可解决。UniApp则修改成:show-scrollbar=“false” enhanced=“true”微信小程序的scroll-view在ios上没有显示滚动条，但是如果在安卓设备上会显示一个滚动条。
微信小程序隐藏滚动条的方法
热门推荐
烟溪彭于晏的博客
07-27 1万+
当小程序页面展示内容超过屏幕高度或宽度，我们想要看到全部内容，这时候就必须用到页面滚动。可是，我们发现滚动页面的滚动条特别的突兀和丑陋，而且参考大部分的小程序都是将滚动条去掉了。如果仍然无效，减少height的值，例如设为height99vh。scroll-view高度大于page高度仍会出现滚动条的。scroll-view高度不要设置为相对高度，如100%。否则，page页面的滚动条又会出现了！当展示内容超过页面高度，会触发page默认的滚动条。scroll-view，隐藏滚动条的方法也很简单。...
uniapp 微信小程序 隐藏滚动条
weixin_59685936的博客
07-07 756
uniapp 微信小程序 隐藏滚动条
微信开发安卓页面出现两个滚动条其中一条无法滚动可以采用局部区域滚动解决
在这里写Bug
04-19 6862
问题描述：图1.1是微信开发的一个页面，顶部有一个下拉选择菜单(自己写的组件)用于选择日期，选择之后会出现该日期下的数据记录，这时一个页面会出现两条滚动条(因为滚动条太丑，我用::-webkit-scrollbar {width: 0px;}将滚动条隐藏了，这里用红色线条标注出来)，苹果不会出现问题，安卓就会出现滚动不了下拉菜单的情况，一滚下拉菜单，整个页面都滚起来了。 图1.1
微信小程序scroll-view隐藏滚动条
09-14
可以通过设置 scroll-view 组件的属性来隐藏滚动条。你可以将 scroll-view 的属性 scroll-x 或 scroll-y 设置为 false，以禁用对应方向的滚动条。 下面是一个示例代码，演示如何隐藏 scroll-view 的滚动条： ```html <scroll-view scroll-x="false" scroll-y="false"> <!-- 内容 --> </scroll-view> ``` 在上面的代码中，scroll-x 和 scroll-y 的值都设置为 false，意味着不显示水平和垂直方向的滚动条。 通过这种方式，你可以隐藏 scroll-view 组件的滚动条。希望能对你有所帮助！如果还有其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值