WebApp 滚动列表的实现

实现效果:

WebApp 滚动列表的实现

实现技术:overflow,flex,element::-webkit-scrollbar

实现步骤:

//html:代码
<
div id="slider"> <div id="box">足够多的内容。。。。。</div> </div>
#slider{
             width:100%;
             height:100px;
             overflow:hidden;
             overflow-x:scroll;    //横向滚动
            }        
#box{
          display:flex;
          height:100px;
          width:200%;
        }
// 去除滚动条
 #slider::-webkit-scrollbar {display:none}

一个简单的横向滚动列表实现。

WebApp 滚动列表的实现

上一篇:Android Studio运行Hello World程序


下一篇:vue中axios使用一:axios做拦截器