Question

也许我以前没有注意到，或者之前没有发生过。我制作了一个带有不同标签的html文档，每个标签都有几个子标签。每个主选项卡都有不同的配色方案。像第一个选项卡全绿色，第二个全蓝色。适用于滚动条。固定标题顶部宽度：100vw 但是，如果选项卡没有足够的内容，浏览器滚动条会隐藏滚动条。导致视口增加和标题宽度增加。它会导致查看中断。任何人都建议一种方法来阻止滚动条隐藏。请注意滚动条

<body id="body" class="greenbody">

body.greenbody::-webkit-scrollbar {
 width: 10px;}
body.greenbody::-webkit-scrollbar-track {
 background-color:rgb(0,50,0);}
body.greenbody::-webkit-scrollbar-thumb {
 background-size:10px; 
 background-image:url("../assets/ScrollGreen.png");}
body.greenbody::-webkit-scrollbar-thumb:hover {
 background:rgb(0,0,0);
 background-size:10px; 
 background-image:url("../assets/ScrollGreen.png");}
/*---------------------*/
body.bluebody::-webkit-scrollbar {
 width: 10px;}
body.bluebody::-webkit-scrollbar-track {
 background-color:rgb(0,0,90);}
body.bluebody::-webkit-scrollbar-thumb {
 background-image:url("../assets/ScrollBlue.png");
 background-size:10px;}
body.bluebody::-webkit-scrollbar-thumb:hover {
 background:rgb(0,0,0);
 background-size:10px; 
 background-image:url("../assets/ScrollBlue.png");}
/*---------------------*/
body.redbody::-webkit-scrollbar {
 width: 10px;}
body.redbody::-webkit-scrollbar-track {
 background-color:rgb(60,0,0);}
body.redbody::-webkit-scrollbar-thumb {
 background-size:10px; 
 background-image:url("../assets/ScrollRed.png");}
body.redbody::-webkit-scrollbar-thumb:hover {
 background:rgb(0,0,0);
 background-size:10px; 
 background-image:url("../assets/ScrollRed.png");}

Down给出的声明包含在标签按钮功能

中

body.className = "redbody|greenbody|bluebody";

其中任何一个，取决于标签按钮）其他一切工作顺利，只是滚动条混乱了一点。提前谢谢

滚动条自动隐藏

0 个答案: