前端蜗牛

adeng.y个人博客


CSS实现移动web页面scroll滚动条

发布时间:2018-08-17 作者:阿灯 阅读量:89

在做移动web页面的时候都会遇到过这个东西——滚动条。

实现的方式也有很多,swiper插件,isscroll.js。(缺点代码太多了

那就来的简单的默认滚动条就好了:


CSS:

overflow: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;


HTML:

<div class="theme-slide">
  <div class="lists" style="width: 200%;">
    <div class="item selected">
      111
      <div class="share-num">模版一<br>(254人分享)</div>
    </div>
    <div class="item">
      222
      <div class="share-num">模版二<br>(254人分享)</div>
    </div>
  </div>
</div>




标签云

© adeng.y 粤ICP备17049299号
Catfish Blog | 后台