新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
css列表滑動防止被底部遮住和適配屏幕長一點的示例分析-創(chuàng)新互聯(lián)
這篇文章主要為大家展示了“css列表滑動防止被底部遮住和適配屏幕長一點的示例分析”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“css列表滑動防止被底部遮住和適配屏幕長一點的示例分析”這篇文章吧。
1、移動端處理列表滑動的時候,微信底下有自帶的返回頁面按鈕,經(jīng)常會被遮住,遇到屏幕長一點的,下面會短一大截,以下用此方法可以解決。
.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; } }
以上是“css列表滑動防止被底部遮住和適配屏幕長一點的示例分析”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
文章標題:css列表滑動防止被底部遮住和適配屏幕長一點的示例分析-創(chuàng)新互聯(lián)
文章分享:http://www.dlmjj.cn/article/depoes.html