轻系列:轻博客主题 轻系列:轻导航主题 轻系列:三栏博客主题 轻系列:小清新博客主题 轻系列:说说控主题 轻系列:JackSO搜索引擎主题 ZBLOG匿名小秘密主题 ZBLOG免费导航大全主题 ZBLOG免费单栏博客主题 ZBLOG一键提交获取网站信息插件

温馨提示:本站为轻博客主题演示站,目前已关闭列表头像和列表缩略图,如果您是浏览轻博客样式的可以联系博主QQ,开启列表头像或者列表缩略图,再进行查看!

简介: <!DOCTYPE html> <html> <head>     <title>纯css实现左

image.png

<!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>

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

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

相关文章

网友点评

本文暂无评论 - 欢迎您

您好,请先 QQ登录 后进行评论,如您已登录账户,请点击 刷新页面 再进行评论!

爱站云

爱站云

AiZhanCloud.Com

爱站云专注ZBLOG建站领域,分享个人所得技术,用心做好个人博客,喜欢的小伙伴就关注我吧!
«    2021年7月    »
1234
567891011
12131415161718
19202122232425
262728293031
最新留言
文章归档
站点信息
  • 文章总数:621
  • 页面总数:8
  • 分类总数:18
  • 标签总数:972
  • 评论总数:245
  • 浏览总数:588951
标签列表

Powered By Z-BlogPHP Theme By 爱站云

sitemap鲁ICP备18014478号-8后花园

免责声明:本博客所展示内容均为互联网技术教程分享,如有侵权等违规信息请联系QQ客服进行删除处理,谢谢配合!

切换白天模式 切换夜间模式 白天返回顶部 夜间返回顶部