Question

我发现很难移除移动设备上的水平滚动条，我真的需要一个可以帮我删除它的人，请真的很感激。

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

CSS

{
    margin:0;
    padding:0;
}


body
{

  overflow-x:hidden;
  overflow-y:scroll;
  width:100%;
}
.header
{
    background-image:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url(../img/website-startups.jpg);
    height:100vh;
    background-position: center;
    background-size: cover;
}

Answer 1

这将为您禁用滚动条

    ::-webkit-scrollbar {
display: none;
}

Answer 2

您可以使用下面的CSS隐藏滚动条。将其添加到您不希望人们看到滚动条的页面

::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px transparent;
    background-color: transparent;
}

::-webkit-scrollbar
{
    width: 6px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb
{
    background-color: transparent;
}

在移动设备中删除水平滚动条

2 个答案: