css滚动

布局:水平滚动,垂直滚动

垂直滚动:

      .main {

          position: absolute;

          background: #f00; 

         left: 0;

          right: 0;

          top:.4rem; 

         bottom:.4rem; 

         overflow: hidden; 

         } 

         .list {

          height: 5.86rem;

          overflow-y: scroll; 

         //回弹

          -webkit-overflow-scrolling: touch;

        }  水平滚动:

      html结构:{{ item.typename }}css样式:

          .cate-view {

          position: absolute; 

         top:0px; 

         left: 0; 

         right: 0; 

         overflow: hidden;

      }     

   .cate-navs {   

     white-space: nowrap; 

       overflow-x: scroll;

    } 

   .cate-navs li { 

         display: inline-block;  

        ......   

   }

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,681评论 1 92
  • 布局:水平滚动,垂直滚动 垂直滚动: .main { position: absolute; ...
    _沙漏阅读 1,553评论 0 1
  • 前端布局非常重要的一环就是页面框架的搭建,也是最基础的一环。在页面框架的搭建之中,又有居中布局、多列布局以及全局布...
    一个敲代码的前端妹子阅读 4,191评论 0 12
  • 下雪了,2018年的第一场雪,很早又很晚。雪是我喜欢的、也是能让我产生情绪的事物之一。这种喜欢不再是小时候的那种喜...
    天静男阅读 1,404评论 0 0
  • 2017年4月15日上午8时整,随着清脆的发令枪声。合肥市直机关第15届登山比赛在大蜀山东麓隆重举行。共有76个单...
    易舒清阅读 2,622评论 0 0