The method of sliding the css list to prevent it from being obscured by the bottom and adapting to a longer screen

This article introduces the relevant knowledge of "css list sliding to prevent it from being covered by the bottom and adapting to a longer screen". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

When the mobile side handles the list sliding, there is a built-in button under Wechat to return to the page, which is often covered. When you encounter a longer screen, it will be much shorter below, which can be solved with this method below.

.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.3remt; box-sizing: border-box Ul {width:6.78rem; height: 100%; margin:0 auto; overflow: auto;-webkit-overflow-scrolling: touch;}} "the method of sliding the css list to prevent it from being covered by the bottom and adapting to a longer screen" is here. Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!