1. 程式人生 > 其它 >CSS——在有滾動條效果的情況下不顯示滾動條的樣式

CSS——在有滾動條效果的情況下不顯示滾動條的樣式

技術標籤:CSS

wxml檔案

<view class="demo">
  <view>我是demo</view>
  <view>我是demo</view>
  <view>我是demo</view>
  <view>我是demo</view>
  <view>我是demo</view>
</view>

wxss文

.demo{
  display: flex;
  flex-direction: column;
  overflow-y: scroll; 
  background: #fff;
  width: 100%;
  height: 60px;
  background-color: red;


}
// 去掉滾動條樣式
.demo::-webkit-scrollbar {
  width: 0 !important;
  height: 0!important;
}

效果:

沒去滾動條樣式之前
在這裡插入圖片描述

沒去滾動條樣式之後
在這裡插入圖片描述