1. When the mobile terminal processes the list sliding, WeChat has a built-in return page button at the bottom, which is often blocked. If the screen is longer, the bottom will be much shorter. The following method can solve this problem. .container{ position:relative; background:url(../img/chooseBg.jpg) no-repeat center center; background-size:cover; width:100%; height:100%; //.listConHeight{ // height:9rem; // overflow:auto; //} .listConHeight { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 1.3rem; box-sizing: border-box; ul { width:6.78rem; height: 100%; margin:0 auto; overflow:auto; -webkit-overflow-scrolling: touch; } } Summarize The above is what I introduced to you about how to prevent the CSS list sliding from being covered by the bottom and adapt to models with longer screens. I hope it will be helpful to you. If you have any questions, please leave me a message and I will reply to you in time. I would also like to thank everyone for their support of the 123WORDPRESS.COM website! |
<<: Baidu Input Method opens API, claims it can be ported and used at will
>>: Solution to the problem that Centos8 cannot install docker
The project scaffolding built with vue-cli has al...
Many times, we expect the query result to be at m...
Find the problem Today I am going to study the to...
Table of contents Preface Discover the cause Cust...
Cerebro is an evolution of the Elasticsearch Kopf...
The meaning of key_len In MySQL, you can use expl...
Remote connection to MySQL fails, there may be th...
MySQL 5.7.17, now seems to be the latest version,...
There are two ways: 1. Service method Check the f...
To draw a table in HTML, use the table tag tr me...
1. Ubuntu Server 18.04.5 LTS system installation ...
First, let’s understand what Docker is? Docker is...
Table of contents 1. Global level 2. Database lev...
1. Preparation Example: Two machines: 192.168.219...
Preface In WeChat applet, you can use globalData ...