当前位置: 首页 > news >正文

小程序滚动条隐藏(uniapp版本)

单独指定页面隐藏(找到对应的scroll-view)

<style>
/* 全局隐藏滚动条样式 */
::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  color: transparent;
  background: transparent;
}

/* 确保scroll-view组件也隐藏滚动条 */
scroll-view::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  color: transparent;
  background: transparent;
}

/* 为页面添加隐藏滚动条样式 */
.comment-list::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  color: transparent;
  background: transparent;
}

/* 其他样式保持不变 */
// ... existing code ...
</style>

全局隐藏(在App.vue的css中插入下面代码即可):

<style>
/* 全局隐藏滚动条 */
::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none;
  background: transparent;
}
</style>

相关文章:

  • CSS元素动画篇:基于当前位置的变换动画(合集篇)
  • Spring Boot 微服务打包为 Docker 镜像并部署到镜像仓库实战案例
  • Manus联合创始人:公司产品基于Claude和阿里千问大模型开发
  • 【项目归档】数据抓取+GenAI+数据分析
  • 【安装指南】Docker 安装最新版 Nginx 并进行项目的编排
  • 《Linux macOS :GCC升级方法》
  • rhce第二次作业
  • Elasticsearch 中的索引模板:如何使用可组合模板
  • 快速搭建并学会使用Mybatis!!
  • Linux中进程的属性:进程优先级
  • Pytorch-CUDA版本环境配置
  • The Traitor King (10 player 25 player)
  • 哈希函数详解(SHA-2系列、SHA-3系列、SM3国密)案例:构建简单的区块链——密码学基础
  • 游戏引擎学习第256天:XBox 控制器卡顿和修复 GL Blit 伽玛问题
  • 数据分析与可视化实战:从鸢尾花到乳腺癌数据集
  • AI日报 · 2025年5月03日|Perplexity 集成 WhatsApp,苹果传与 Anthropic 合作开发 Xcode
  • list类的详细讲解
  • day13 python不平衡数据集的处理(补)
  • 类与类之间的关系详解
  • InnoDB索引的原理
  • 建筑瞭望|融入自然的新泳池,治愈了中央公园的历史旧伤
  • 同观·德国|默茨当总理后,能否带领德国在欧盟“说了算”?
  • 湖北十堰市委副秘书长管聪履新丹江口市代市长
  • 夜读丨最美的风景,在亲人的目光里
  • 德国联邦议院6日下午将举行总理选举第二轮投票
  • 实探北京楼市:“好房子”卖点十足,二手房持续回稳