我这里有两个滚动条,我想修复它们;我试了很多次,但我不能。
我有一个脚本并将其安装在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的
1条答案
按热度按时间bsxbgnwa1#
您从Google Drive链接中提供的CSS似乎隐藏了
html
元素上的overflow-x: hidden;
水平滚动条。但是,它似乎没有隐藏垂直滚动条。如果你看到一个双垂直滚动条,这可能是由于父容器溢出或主体高度超过100vh。
要隐藏垂直滚动条,可以将
overflow-y: hidden;
添加到html
或body
元素中:字符串
这将隐藏垂直滚动条。但是,请注意,这也将禁用垂直滚动。如果您想保持页面可滚动,您可能需要进一步调查,以找出导致双滚动条的原因。
它可能是一个父容器,具有设置的高度和溢出,或者由于特定的CSS属性,如主体或父容器上的
position: fixed;
或height: 100vh;
。