Use UNIApp to develop small programs. In the case of a lot of content, the scroll bar appears on the right side of wechat developer tools and real machine debugging. Is there any way to hide the scroll bar?

Reference: uniapp.dcloud.net.cn/collocation…

Solution 1:

Reference: uniapp.dcloud.net.cn/collocation…

Global configuration:

"GlobalStyle ":{// Global configuration "scrollIndicator":" None ", // no scrollbar display "app-plus":{"scrollIndicator":" None" // No scrollbar display on app platform}}Copy the code

Local configuration:

"path": "pages/index/index", "style": "App-plus ":{"scrollIndicator":" None ", // This page does not display scrollbars}}Copy the code

Once configured, you need to restart the editor and recompile.

Solution 2:

::-webkit-scrollbar {
		width: 0;
		height: 0;
		background-color: transparent;
	} 
Copy the code

This can only be used in scroll view