CSS 中的滚动条问题

Question

/*  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;

}

这里我有2个滚动条，我想修复它，尝试了很多次修复但不能，任何人知道如何帮助请做

我有脚本并将其安装在

hostinger

服务器上，当访问我的网站时，我看到一个长长的绿色滚动条

[双滚动条]()

如何解决？

这是我的CSS：

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

Answer 1

要解决此问题，您可以尝试将

overflow

或

hidden

元素或导致问题的父容器上的

html

属性设置为

body

。

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

这将隐藏水平和垂直滚动条。如果您只想隐藏垂直滚动条，可以使用

overflow-y: hidden;

。如果您只想隐藏水平滚动条，可以使用

overflow-x: hidden;

。