uniapp에서 페이지 스크롤바를 취소하는 방법

uniapp에서 페이지 스크롤 막대를 취소하는 방법: 1. 페이지 [app.vue]에서 전역 CSS 스타일 속성을 설정합니다. 2. [page.json]에서 기본 속성을 설정합니다. 코드는 ["scrollIndicator"입니다. "없음"] .

이 튜토리얼의 운영 환경: windows7 시스템, uni-app2.5.1 버전, DELL G3 컴퓨터 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

추천(무료): uni-app development tutorial

Uniapp 페이지 스크롤바 취소 방법:

첫 번째

app.vue 페이지에서 전역 CSS 스타일 설정 속성

//第一种
scroll-view ::-webkit-scrollbar {  
    display: none !important;  
    width: 0 !important;  
    height: 0 !important;  
    -webkit-appearance: none;  
    background: transparent;  
}
//第二种
::-webkit-scrollbar{
  display: none;
}

두 번째 유형

page.json에서 기본 속성 설정

//第一种 这是app的不显示滚动条可以在当前页面中添加
"app-plus":{
"scrollIndicator":"none" //当前页面不显示滚动条
}
//也可以直接（不知道生效不生效，我俩种全搞上）
"scrollIndicator": "none"
//示例代码
{
"path": "pages/content/index",
"style": {
"navigationBarTitleText": "",
"app-plus":{
"scrollIndicator":"none" //当前页面不显示滚动条
},
"scrollIndicator": "none"
}
}
//第二种 直接全局搞就ok  
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "我是王小白",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8",
"scrollIndicator": "none",
"app-plus":{
"scrollIndicator":"none" //全局 在APP页面都不显示滚动条
}
}

관련 무료 학습 권장 사항: 프로그래밍 비디오

위 내용은 uniapp에서 페이지 스크롤바를 취소하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!