uni-app知识点

scroll-view

隐藏滚动条

<scroll-view class='scroll'>
   <view>1</view>
   <view>1</view>
   <view>1</view>
</scroll-view>

<script>

.scroll{

	/deep/ ::-webkit-scrollbar {
			width: 4px !important;
			height: 1px !important;
			overflow: auto !important;
			background: transparent !important;
			-webkit-appearance: auto !important;
			display: block;
		}
}
</script>

固定头部

<view class='scroll>
     这个盒子将会固定在头部
</view>

<script>
.scroll{
  position:'fixed';
  top:var(--window-top); //直接使用0rpx在Chrome浏览器不管用
  z-index:10；//否则会被穿透
}
</script>