css中y轴如何设置滚轮样式,html - 在CSS中Y轴滚动？ - 堆栈内存溢出

我无法使滚动条实际在任一轴上滚动

我尝试添加“ overflow-y”属性，但这只是使滚动条出现，实际上并没有让我滚动。 我添加了html文件，但删除了所有与样式无关的内容。

html

Experience

$(function() {

$("#visible").click(function() {

$('#invisible').toggleClass("show");

});

});

$(function() {

$("#visible1").click(function() {

$('#invisible2').toggleClass("show");

});

});

$(function() {

$("#visible2").click(function() {

$('#invisible3').toggleClass("show");

});

});

$(function() {

$("#visible3").click(function() {

$('#invisible4').toggleClass("show");

});

});

$(function() {

$("#visible4").click(function() {

$('#invisible5').toggleClass("show");

});

});

$(function() {

$("#visible6").click(function() {

$('#invisible6').toggleClass("show");

});

});

$(function() {

$("#visible7").click(function() {

$('#invisible7').toggleClass("show");

});

});

$(function() {

$("#visible8").click(function() {

$('#invisible8').toggleClass("show");

});

});

.hide{display:none;}

.show{display:block; color:#769EA8;}

.push{top:350%;}

fr

.

...

☰

function openNav(){

document.getElementById("mySidenav").style.width = "200px";

}

function closeNav() {

document.getElementById("mySidenav").style.width = "0";

}

.hide{display:none;}

.show{display:block;}

CSS：

body{

position: relative;

font-family: sans-sherif;

background-color: #242424;

overflow-y: scroll;

}

.NavBar{

position: fixed;

top: 8%;

left: 26.5%;

width: 100%

}

#experience{

position: absolute;

color: #EBEDFA;

padding-right: 2%;

padding-left: 2%;

font-size: 35px;

left: 14.5%;

}

我希望能够滚动，例如，如果我使浏览器变小或浏览器的大小不足以显示所有内容。