移动端纯CSS实现左右滚动代码适用IOS苹果系统

网站首页 >> 网站源码分享 >> 正文

<!DOCTYPE HTML>
<html>
<head>
    <title>纯CSS实现左右滑动</title>
    <style type="text/css">
        ul,li{
                list-style: none;;
        }
        .slide-box{
            margin-top:200px;
            display: -webkit-box;
            overflow-x: auto;
            /*适应苹果*/
            -webkit-overflow-scrolling:touch;
        }
        .slide-item{
            width: 300px;
            height: 300px;
            border:1px solid #ccc;
            margin-right: 30px;
            background: pink;
        }
        /*隐藏掉滚动条*/
        .slide-box::-webkit-scrollbar {
         display: none;
       }
    </style>
</head>
<body>
    <ul class="slide-box">
        <li class="slide-item"></li>
        <li class="slide-item"></li>
        <li class="slide-item"></li>
        <li class="slide-item"></li>
        <li class="slide-item"></li>
    </ul>
</body>
</html>

本文标签：移动端滚动代码苹果系统

温馨提示：本文是作者爱站云的原创文章，转载请注明出处和附带本文链接！

上一篇：什么是关键词优化？关键词优化有什么用？

下一篇：10年前WAP自助建站 / 10年后1BK.TOP免费建站