css列表滑動(dòng)防止被底部遮住和適配屏幕長(zhǎng)一點(diǎn)的機(jī)型處理
發(fā)布時(shí)間:2019-07-09 11:54:13 作者:佚名
我要評(píng)論

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