您现在的位置是：网站首页> 编程资料编程资料

css列表滑动防止被底部遮住和适配屏幕长一点的机型处理让CSS flex布局最后一行列表左对齐的N种方法(小结)CSS字体、文本、列表属性详细介绍CSS 有序或者无序列表的前面的标记 list-style-type 属性的实现css中有序无序列表项list样式设置方法CSS如何设置列表样式属性(看这篇文章就够用了)纯CSS实现页面中的列表收拉效果

2021-09-03 731人已围观

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

上一篇：css 给div添加滚动并隐藏滚动条 CSS实现隐藏滚动条并可以滚动内容效果(三种方式)css设置Overflow实现隐藏滚动条的同时又可以滚动css隐藏移动端滚动条并且ios上平滑滚动的方法CSS怎么隐藏滚动条(三种方法)css设置滚动条颜色与样式以及如何去掉与隐藏滚动条css实现隐藏滚动条并可以滚动内容的实例代码

下一篇：css行内样式,内嵌样式,外部引用样式的三种使用方式引用css样式的书写格式详解JS, CSS样式引用写法CSS 样式表中引用图片地址在各浏览器中的差异

您现在的位置是：网站首页> 编程资料编程资料

相关内容

点击排行

本栏推荐

猜你喜欢