What if the applet page is set to 100% height or left blank?

Preface of this paper ： Applet page setup 100% What if the height is still left blank ？ Like applet ,app Setting height is often encountered during development , Page color problem , There is often a phenomenon that the blank space is not full , Today I wrote a whole article , Solve this problem .
 

  Page settings background color

"pages": {
    "navigationBarBackgroundColor": "#32A2FD",  //  Top background color 
    "navigationBarTitleText": "123456",         //  Top text 
    "navigationStyle": "default",               //  Whether to customize the navigation bar , When "default" by "custom" Turn on the custom header navigation bar option 
    "navigationBarTextStyle": "white",          //  Top text color   Support only  white/black
    "enablePullDownRefresh": true,              //  Turn on pull-down refresh ,  Set to... On a single page "false", The current settings will be overwritten on the usage page 
    "backgroundTextStyle":"light"               //  Drop down background font 、loading  Style of drawing , Support only  dark/light
},

The first method ：position: fixed;  advantage , Fill all without leaving any blank , shortcoming , The page is fixed and cannot be slid

box:{
   height: 100%;
    width: 100%;
    background-color: #fff;
    position: fixed;
}

The second kind , Page height setting 100vh 

box:{
   height: 100%;
    width: 100vh;
   background-color: #fff;
}

By the way 100% and 100vh The difference between : 
vh Is the height of the current screen 1%, in other words

100vh == 100%,

If the element has no content , Set up height:100% The element will not be pulled apart ,

Set up height:100vh, The element will be stretched out to the same height on the screen .

 

  If you think the blogger's article can help you , Please support the blogger  

  Write something extra , Recently, more applets are used , Ternary operator

expression 1 ? expression 1 by true The result of time : ( expression 2 ? expression 2 by true The result of time : It's all about false Result )

if (this[types == 10 ? 'lastPage':(types == 11?'lastPage2':'lastPage3')] && page != 0) return
				this[types == 10 ? 'page' :(types == 11?'page2':'page3') ] += page