+
80
-

css如何实现手机端移动端左右滑动不显示滚动条?

css如何实现手机端移动端左右滑动不显示滚动条?


网友回复

+
0
-
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
</head>

<body>
    <style>
        .bigBox{white-space: nowrap; overflow-y: auto;width:100%;}

        .bigBox::-webkit-scrollbar{display: none;} 
        .smallBox{display: inline-block;}
    </style>
    <div class="bigBox">
        <div class="smallBox">标签1</div>
        <div class="smallBox">标签2</div>
        <div class="smallBox">标签3</div>
        <div class="smallBox">标签4</div>
        <div class="smallBox">标签5</div>
        <div class="smallBox">标签6</div>
        <div class="smallBox">标签7</div>
        <div class="smallBox">标签1</div>
        <div class="smallBox">标签2</div>
        <div class="smallBox">标签3</div>
        <div class="smallBox">标签4</div>
        <div class="smallBox">标签5</div>
        <div class="smallBox">标签6</div>
        <div class="smallBox">标签7</div>
    </div>



</body>

</html>

我知道答案,我要回答