css滚动

作者: _沙漏 | 来源:发表于2018-05-22 19:41 被阅读0次

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

    垂直滚动:      .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;          ......      }

    相关文章

      网友评论

        本文标题:css滚动

        本文链接:https://www.haomeiwen.com/subject/wepkjftx.html