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
I recently upgraded a test server operating syste...
environment: 1. CentOS6.5 X64 2.mysql-5.6.34-linu...
This article shares the installation and configur...
Effect check address: Tour plan (uplanok.com) Cod...
/etc/fstab Automatically mount partitions/disks, ...
This article mainly introduces how to implement a...
[Problem description] Our production environment ...
1. What is an index? An index is a data structure...
Doccer Introduction: Docker is a container-relate...
After installing a centos8 service under vmware a...
Apple Mug Icons and Extras HD StorageBox – add on...
Result: Implementation code: html <div class=&...
There are many commands used in the system, so ho...
This article shares the specific code of Javascri...
Table of contents Overview Is the extension neces...