微信小程序隐藏滚动条

最新推荐文章于 2024-07-02 23:05:25 发布

黄昏到达之前

最新推荐文章于 2024-07-02 23:05:25 发布

阅读量247

点赞数

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/qq_43908932/article/details/126103979

版权

这篇博客介绍了如何使用CSS在不同浏览器内核下隐藏滚动条，包括Chrome、IE和Firefox。通过设置`::-webkit-scrollbar`、`::-ms-scrollbar`和`::-moz-scrollbar`的样式，实现滚动条透明或不可见，保持页面整洁。

摘要由CSDN通过智能技术生成

wxml
<view class="box">
	// The content of your
</view>

.box{
  height: 100%;
  overflow-y: auto;
}
// chrome 内核
::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
  color: transparent;
}
// 以下两个可以不加
// IE内核
::-ms-scrollbar{
  display: none;
  width: 0;
  height: 0;
  color: transparent;
}
// 火狐内核
::-moz-scrollbar {
  display: none;
  width: 0;
  height: 0;
  color: transparent;
}