css列表滑动防止被底部遮住和适配屏幕长一点?#24149;?#22411;处理

  发布时间:2019-07-09 11:54:13   作者:佚名   我要评论

这篇文章主要介绍了css列表滑动防止被底部遮住和适配屏幕长一点?#24149;?#22411;处理 ,需要的朋友可以参考下

1、移动端处理列表滑动的时候,微信底下有?#28304;?#30340;返回页面按钮,经常会被遮住,遇到屏幕长一点的,下面会短一大截,以下用此方法可以解决。
 

.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列表滑动防止被底部遮住和适配屏幕长一点?#24149;?#22411;处理  ,希望?#28304;?#23478;有所帮助,如果大家有任?#25105;?#38382;请给我留言,小编会及?#34987;?#22797;大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

相关文章

最新评论

时时彩包赢公式0369
大乐透开奖结果查询 湖北新11选5任5yilou 噢百万彩票走势图 安徽25选5五位走势图 腾讯彩票直播 2019的码报15是什么肖 双色球83中6个红球 捕鱼达人单机版下载 福建22选5开奖结果今天晚上号码是多少 甘肃11选5的推荐号 新快3和老快3 重庆三分彩开奖记录 北京赛车免费软件 河南快3基本走势图 as三分彩开奖查询