css列表滑动防止被底部遮住和适配屏幕长一点的机型处理

前端  /  管理员 发布于 7年前   145

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

.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列表滑动防止被底部遮住和适配屏幕长一点的机型处理  ,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！