影片直播app原始碼,純css實現橫向滾動

zhibo系統開發發表於2023-02-10

影片直播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 {
            background-color: transparent;
        }
 
        .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實現橫向滾動,更多內容歡迎關注之後的文章


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2934745/,如需轉載,請註明出處,否則將追究法律責任。

相關文章