微信小程序隐藏scroll-view滚动条只需要添加show-scrollbar=“{{false}}“ enhanced=“{{true}}“即可，亲测有效！

8月前作者：番茄Salad 分类：Toy博客阅读(26) 违法举报

这篇具有很好参考价值的文章主要介绍了微信小程序隐藏scroll-view滚动条只需要添加show-scrollbar=“{{false}}“ enhanced=“{{true}}“即可，亲测有效！。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

问题描述

微信小程序的scroll-view在ios上没有显示滚动条，但是如果在安卓设备上会显示一个滚动条
微信小程序隐藏滚动条,微信小程序学习笔记,微信小程序,小程序

解决方法

微信小程序只需要在scroll-view上面添加show-scrollbar=“{{false}}” enhanced="{{true}}"即可解决
UniApp则修改成:show-scrollbar=“false” enhanced=“true”

<!--微信小程序-->
<scroll-view show-scrollbar="{{false}}" enhanced="{{true}}" scroll-x="{{true}}">

<!--UniApp-->
<scroll-view :show-scrollbar="false" :enhanced="true" :scroll-x="true">

亲测有效！！！
微信小程序隐藏滚动条,微信小程序学习笔记,微信小程序,小程序文章来源地址https://www.toymoban.com/news/detail-774543.html

到了这里，关于微信小程序隐藏scroll-view滚动条只需要添加show-scrollbar=“{{false}}“ enhanced=“{{true}}“即可，亲测有效！的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

微信小程序--开发横向滚动条scroll-view

一、话不多说，上代码 .wxml文件写法 css样式 js写法二、解析 scroll-x=\\\"true\\\"：表明是横向滚动 class=\\\"{{currentTab==index?\\\'scroll_item\\\':\\\'\\\'}}\\\"：当点击时才会变色，其中currentTab的初始值是0，通过点击事件更改值

2024年02月12日
浏览(34)
uniapp微信小程序scroll-view滚动scrollLeft不准确

今天在实现微信小程序的一个横向导航的时候出现了一个问题，就是每次滑到滚动条最右边的时候 scrollLeft的值都不准确原因：因为每次滚动监听事件都会被调用比较耗费资源系统会默认节流，可以在scroll-view 加一个 throttle=“{{false}}” 关闭节流，如下：但是这种方法会影响

2024年02月15日
浏览(28)
微信小程序在bindscroll事件中监听scroll-view滚动到底

scroll-view其实提供了一个 bindscrolltolower 事件这个事件的作用是直接监听scroll-view滚动到底部但是总有不太一样的情况公司的项目 scroll-view 内部最下面有一个类名叫 bottombj 的元素我希望滚动到这个 bottombj 上面的时候就开始加载滚动分页简单说 bottombj这块元素不参与滚动

2024年02月07日
浏览(39)
微信小程序---scroll-view 设置scroll-x或者scroll-y如何去掉滚动条

第一种方法：第二种方法：添加（ enhanced :show-scrollbar=“false”）

2024年02月07日
浏览(35)
微信小程序组件scroll-view滚动到底部多次触发加载如何解决？

在 iOS 真机上，scroll-view 滚动时会多次触发 scrolltolower 事件的问题，可以设置一个“加载标识”（如 DisableTrigger）来避免重复请求下一页数据。具体做法为：在 data 中新增一个 DisableTrigger 变量，用于标识当前是否可以执行下一页数据的加载操作。在 init()方法中，在请求数据

2024年02月13日
浏览(35)
处理微信小程序scroll-view未被占满时滚动的问题

微信小程序（原生/uniapp）使用了 scroll-view 组件的第一个子元素设置了 margin-top 时，即使 scroll-view 只有一行也可以滚动。解决办法：方案一：

2024年02月15日
浏览(32)
uni-app/微信小程序：scroll-view纵向滚动高度自适应flex布局填充剩余高度

uni-app文档：https://uniapp.dcloud.net.cn/component/scroll-view.html 使用竖向滚动时，需要给一个固定高度，通过 css 设置 height 微信文档：https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html 使用竖向滚动时，需要给scroll-view一个固定高度，通过 WXSS 设置 height 所以，给scroll-view设置

2024年02月09日
浏览(38)
uniapp scroll-view 隐藏滚动条

2024年02月14日
浏览(29)
微信小程序 scroll-view

微信官方文档地址：https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html 微信小程序 scroll-view 提示：以下是本篇文章正文内容，下面案例可供参考可滚动视图区域。代码如下（示例）：提示：css 提示：scroll-view 属性提示：设置自定义下拉刷新区域背景颜色

2024年02月11日
浏览(34)
【微信小程序】scroll-view的基本使用

| scss里面的 .item:nth-child(1) index.wxml index.scss

2024年02月07日
浏览(28)