首页 > 编程语言 >视频直播app源码,纯css实现横向滚动

视频直播app源码,纯css实现横向滚动

时间:2023-02-10 14:25:07浏览次数:37  
标签:box app slide 源码 overflow css

视频直播app源码,纯css实现横向滚动

<!DOCTYPE html>
<html>
 
<head>
    <title>横向滑动</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }
 
        .slide-box {
            display: -webkit-box;
            overflow-x: scroll;
            -webkit-overflow-scrolling: touch;
        }
 
        /* 隐藏下方的滚动条 */
        .slide-box::-webkit-scrollbar {
           
        }
 
        .slide-box {
            -ms-overflow-style: none;
        }
 
        .slide-box {
            overflow: -moz-scrollbars-none;
        }
 
 
        .slide-item {
            width: 20%;
            height: 40px;
            line-height: 40px;
            text-align: center;
        }
    </style>
</head>
 
<body>
    <div class="slide-box">
        <div class="slide-item">slide1</div>
        <div class="slide-item">slide2</div>
        <div class="slide-item">slide3</div>
        <div class="slide-item">slide4</div>
        <div class="slide-item">slide5</div>
        <div class="slide-item">slide6</div>
    </div>
</body>
 
</html>

​ 以上就是 视频直播app源码,纯css实现横向滚动,更多内容欢迎关注之后的文章

 

标签:box,app,slide,源码,overflow,css
From: https://www.cnblogs.com/yunbaomengnan/p/17108742.html

相关文章

  • 直播app开发搭建,vue使用js-file-download完成导出功能
    直播app开发搭建,vue使用js-file-download完成导出功能1.安装js-file-downloadnpminstalljs-file-download​2.引入对应的功能模块importfileDownLoadfrom'js-file......
  • 互联网医院开发搭建|线上问诊APP开发方向
     随着互联网医院的兴起,很多的企业也想开发互联网医院系统,但是又不太了解,其实市场上的有很多做互联网医院开发的的公司,至于如何的选择,就要看您对谁的方案更感兴趣了,接下来......
  • CSS 根据 type 类型显示不同的样式
    <spantype="par">【背景切换】</span>span[type]{font-size:13px;}span[type='par']{color:#e05c69;background-color:#e1f1fa;.modify;}span[......
  • 微信app支付下单返回前端签名的细节
    服务器端向微信下单成功后,再次生成签名返回前端时对应参数应该全部小写,小程序的是大写app支付:varstr="appid="+payOrder.appid+"&noncestr="+randomStr+"&pac......
  • application.yml
    server:port:8761spring:application:name:greeting-servicezipkin:base-url:http://localhost:9411#用来指定Zipkin服务端的地址datasource:......
  • css节流
    众所周知,函数节流(throttle)是JS中一个非常常见的优化手段,可以有效避免函数过于频繁的执行。 举个例子:一个保存按钮,为了避免重复提交或者服务器考虑,往往需要对点击行为......
  • APP测试与web测试的区别
    web和app的区别web项目,一般都是b/s架构,基于浏览器的。App则是C/S的,必须要有客户端。首先从系统架构来看的话,Web测试只要更新了服务器端,客户端就会同步会更新。而且客......
  • APP出现Crash的常见原因
    设备兼容由于设备的多样性,APP在不同的设备上表现也可能不一样程序逻辑错误数组越界内存溢出逻辑错误并发操作内存管理错误内存低,APP所需的内存超出设备限......
  • Flutter使用SliverAppBar开发更多样式AppBar
    代码参考于【无聊的编码】FlutterSliver全家桶初体验,一起炫酷一下,有优化只是用官方的SliverAppBar只能做到如下样式:但是我们想要的结果是下面这样的:为此,我封装了一......
  • delphi FireDAC使用ApplyUpdates批量提交数据
    简单的设计一下界面,大致如下:要求:审核或者反审核用户选择的数据1.当记录已审核时,再点审核会提示出错,反审核也一样2.正常点审核时,审核=true,审核人=当前用......