css页面超出屏幕被盖住了,css列表滑动防止被底部遮住和适配屏幕长一点的机型处理...

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

如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！