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
Table of contents Preface Array.prototype.include...
Preface <br />I have been working in the fro...
This article introduces the sample code of CSS to...
Table of contents 1. General steps for SQL optimi...
The most common, most commonly used and most gener...
Commonly used commands for Linux partitions: fdis...
Table of contents 1. RegExp object 2. Grammar 2.1...
To achieve this effect, you must first know a pro...
The company's service uses docker, and the di...
Preface: With the continuous development of Inter...
Specify in CSS style file #class td /*Set the tab...
Achieve results Implementation ideas The melting ...
1. Download MySQL Community Server 5.6.35 Downloa...
Solution-1: Download the msvcr100.dll file (find ...
This article shares the installation tutorial of ...