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
Mysql sets boolean type 1. Tinyint type We create...
Table of contents nonsense text The first router/...
Four practical vue custom instructions 1. v-drag ...
What is bond NIC bond is a technology that is com...
Original link https://github.com/XboxYan/no… A bu...
<br />Some web pages may not look large but ...
Generally speaking, in order to get more complete...
About Recently, in the process of learning Vue, I...
Recently, when I was using C# to make a Web progra...
Nowadays we often talk about Web2.0, so what is W...
TeamCenter12 enters the account password and clic...
This article is the second article about objects ...
I was recently working on a comment feature that ...
Table of contents 1. Use plugin expressions 2. Us...
Flex layout is also called elastic layout. Any co...