脚本之家 服务器常用软件
快捷导航
您的位置：主页 > 网页制作 > CSS > CSS教程 >

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

  发布时间：2019-07-09 11:54:13   作者：佚名   我要评论
这篇文章主要介绍了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 flex布局最后一行列表左对齐的N种方法(小结)

    这篇文章主要介绍了让CSS flex布局最后一行列表左对齐的N种方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编
    2020-07-23

  • CSS字体、文本、列表属性详细介绍

    这篇文章主要介绍了CSS字体、文本、列表属性的相关知识，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-07-22

  • CSS 有序或者无序列表的前面的标记 list-style-type 属性的实现

    这篇文章主要介绍了CSS 有序或者无序列表的前面的标记 list-style-type 属性的实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的
    2020-02-24

  • css中有序无序列表项list样式设置方法

    这篇文章主要介绍了css中有序无序列表项list样式设置方法,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
    2020-02-17

  • CSS如何设置列表样式属性(看这篇文章就够用了)

    这篇文章主要介绍了CSS如何设置列表样式属性(看这篇文章就够用了)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着
    2019-11-25

  • 纯CSS实现页面中的列表收拉效果

    这篇文章主要介绍了纯CSS实现页面中的列表收拉效果,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2021-03-01

最新评论

关注微信公众号

扫一扫