CSS中的滚动条问题

0dxa2lsx 于 4个月前发布在其他

关注(0)|答案(1)|浏览(82)

我这里有两个滚动条，我想修复它们;我试了很多次，但我不能。
我有一个脚本并将其安装在Hostinger服务器上;当访问我的网站时，我看到一个长长的绿色滚动条。我如何修复它？

/*  custom css
================================================== */
body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
    background-color: #29c7ac;
    border-radius: 15px;
}
/*::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}
body {
   scrollbar-width: none;
}*/
.mb-80 {
    margin-bottom: 80px;
}

.pt-80 {
    padding-top: 80px;
}

.top_header_area {
    padding-top: 150px;
}

.layout_5 {
    background-attachment: fixed !important;
}

.on-scroll.bg_color {
    position: relative;
}

字符串
x1c 0d1x的数据

CSS

https://drive.google.com/file/d/16gIPsDhyvUPZ11RcStUEl_1B6G7lKUy5/view?usp=sharing的

css

来源：https://stackoverflow.com/questions/77771511/scrollbar-issue-in-css

1条答案

按热度按时间

bsxbgnwa1#

您从Google Drive链接中提供的CSS似乎隐藏了html元素上的overflow-x: hidden;水平滚动条。但是，它似乎没有隐藏垂直滚动条。
如果你看到一个双垂直滚动条，这可能是由于父容器溢出或主体高度超过100vh。
要隐藏垂直滚动条，可以将overflow-y: hidden;添加到html或body元素中：

html, body {
    overflow-y: hidden; /* Hide vertical scrollbar */
}

字符串
这将隐藏垂直滚动条。但是，请注意，这也将禁用垂直滚动。如果您想保持页面可滚动，您可能需要进一步调查，以找出导致双滚动条的原因。
它可能是一个父容器，具有设置的高度和溢出，或者由于特定的CSS属性，如主体或父容器上的position: fixed;或height: 100vh;。

赞(0）回复(0）举报 4个月前

我来回答

CSS中的滚动条问题

1条答案

相关问题

热门标签

最新问答