欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

css列表滑動防止被底部遮住和適配屏幕長一點的機(jī)型處理

  發(fā)布時間：2019-07-09 11:54:13   作者：佚名   我要評論
這篇文章主要介紹了css列表滑動防止被底部遮住和適配屏幕長一點的機(jī)型處理 ,需要的朋友可以參考下

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;
    }
  }

總結(jié)

以上所述是小編給大家介紹的css列表滑動防止被底部遮住和適配屏幕長一點的機(jī)型處理  ,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！

相關(guān)文章

  • 讓CSS flex布局最后一行列表左對齊的N種方法(小結(jié))

    這篇文章主要介紹了讓CSS flex布局最后一行列表左對齊的N種方法,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編
    2020-07-23

  • CSS字體、文本、列表屬性詳細(xì)介紹

    這篇文章主要介紹了CSS字體、文本、列表屬性的相關(guān)知識，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-07-22

  • CSS 有序或者無序列表的前面的標(biāo)記 list-style-type 屬性的實現(xiàn)

    這篇文章主要介紹了CSS 有序或者無序列表的前面的標(biāo)記 list-style-type 屬性的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的
    2020-02-24

  • css中有序無序列表項list樣式設(shè)置方法

    這篇文章主要介紹了css中有序無序列表項list樣式設(shè)置方法,本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值，需要的朋友可以參考下
    2020-02-17

  • CSS如何設(shè)置列表樣式屬性(看這篇文章就夠用了)

    這篇文章主要介紹了CSS如何設(shè)置列表樣式屬性(看這篇文章就夠用了)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著
    2019-11-25

  • 純CSS實現(xiàn)頁面中的列表收拉效果

    這篇文章主要介紹了純CSS實現(xiàn)頁面中的列表收拉效果,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
    2021-03-01

最新評論