css列表滑動(dòng)防止被底部遮住和適配屏幕長(zhǎng)一點(diǎn)的機(jī)型處理
發(fā)布時(shí)間：2019-07-09 11:54:13 作者：佚名 
我要評(píng)論
我要評(píng)論這篇文章主要介紹了css列表滑動(dòng)防止被底部遮住和適配屏幕長(zhǎng)一點(diǎn)的機(jī)型處理 ,需要的朋友可以參考下
1、移動(dòng)端處理列表滑動(dòng)的時(shí)候，微信底下有自帶的返回頁面按鈕，經(jīng)常會(huì)被遮住，遇到屏幕長(zhǎng)一點(diǎn)的，下面會(huì)短一大截，以下用此方法可以解決。
.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;
}
}
總結(jié)
以上所述是小編給大家介紹的css列表滑動(dòng)防止被底部遮住和適配屏幕長(zhǎng)一點(diǎn)的機(jī)型處理 ,希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
相關(guān)文章
讓CSS flex布局最后一行列表左對(duì)齊的N種方法(小結(jié))
這篇文章主要介紹了讓CSS flex布局最后一行列表左對(duì)齊的N種方法,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編2020-07-23
這篇文章主要介紹了CSS字體、文本、列表屬性的相關(guān)知識(shí)，本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-07-22CSS 有序或者無序列表的前面的標(biāo)記 list-style-type 屬性的實(shí)現(xiàn)
這篇文章主要介紹了CSS 有序或者無序列表的前面的標(biāo)記 list-style-type 屬性的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的2020-02-24css中有序無序列表項(xiàng)list樣式設(shè)置方法
這篇文章主要介紹了css中有序無序列表項(xiàng)list樣式設(shè)置方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-02-17
這篇文章主要介紹了CSS如何設(shè)置列表樣式屬性(看這篇文章就夠用了)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著2019-11-25
這篇文章主要介紹了純CSS實(shí)現(xiàn)頁面中的列表收拉效果,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-03-01
