Javascript 如何在页面加载时隐藏下拉部分?

Javascript 如何在页面加载时隐藏下拉部分?,javascript,html,css,Javascript,Html,Css,我有一个div,单击一个按钮就会向下滑动。此函数工作正常,但当前已在页面加载时切换下拉部分。如何在单击按钮之前将其隐藏 JSIDLE链接: 。幻灯片{ 溢出y:隐藏; 最大宽度:100%; 溢出x:隐藏; 最大高度:100vw; /*近似最大高度*/ 宽度:100%; /*高度:45vw*/ 背景:#2e; 过渡性质:全部; 过渡时间:1s; 过渡计时功能:三次贝塞尔(1,1,1,1); } .幻灯片。关闭{ 最大高度:0; } .横幅7{ 宽度:80%; 背景#d8d8d8; 利润率最高:1

我有一个div,单击一个按钮就会向下滑动。此函数工作正常,但当前已在页面加载时切换下拉部分。如何在单击按钮之前将其隐藏

JSIDLE链接:

。幻灯片{
溢出y:隐藏;
最大宽度:100%;
溢出x:隐藏;
最大高度:100vw;
/*近似最大高度*/
宽度:100%;
/*高度:45vw*/
背景:#2e;
过渡性质:全部;
过渡时间:1s;
过渡计时功能:三次贝塞尔(1,1,1,1);
}
.幻灯片。关闭{
最大高度:0;
}
.横幅7{
宽度:80%;
背景#d8d8d8;
利润率最高:1.5vw;
垫面:2vw;
}
.横幅8{
宽度:80%;
背景:#2e;
利润率最高:1vw;
左边距:10%;
垫面:2vw;
}

主要部分

Lorem ipsum dolor sit amet,Concertetuer Adipising Elite。埃尼安·康莫多·利古拉·埃吉特·多洛。Lorem ipsum dolor sit amet,是一位杰出的领导者。埃尼安·康莫多·利古拉·埃吉特·多洛。埃尼安·马萨

第一分节 Lorem ipsum dolor sit amet,Concertetuer Adipising Elite。埃尼安·康莫多·利古拉·埃吉特·多洛

第二分节 Lorem ipsum dolor sit amet,Concertetuer Adipising Elite。埃尼安·康莫多·利古拉·埃吉特·多洛

第三分节 Lorem ipsum dolor sit amet,Concertetuer Adipising Elite。埃尼安·康莫多·利古拉·埃吉特·多洛

下降段 Lorem ipsum dolor sit amet,Concertetuer Adipising Elite。埃尼安·康莫多·利古拉·埃吉特·多洛。埃尼安·马萨。在自然社会中,因怀孕而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯。Donec quam felis、ultricies nec、pellentesque eu、pretium quis、sem。Lorem ipsum dolor sit amet,是一位杰出的领导者。埃尼安·康莫多·利古拉·埃吉特·多洛。埃尼安·马萨。在自然社会中,因怀孕而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯。Donec quam felis、ultricies nec、pellentesque eu、pretium quis、sem。Lorem ipsum dolor sit amet,是一位杰出的领导者。埃尼安·康莫多·利古拉·埃吉特·多洛。埃尼安·马萨。在自然社会中,因怀孕而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯。Donec quam felis、ultricies nec、pellentesque eu、pretium quis、sem

下降段 Lorem ipsum dolor sit amet,Concertetuer Adipising Elite。埃尼安·康莫多·利古拉·埃吉特·多洛。埃尼安·马萨。在自然社会中,因怀孕而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯,因饥饿而死亡的蒙特斯。Donec quam felis、ultricies nec、pellentesque eu、pretium quis、sem



让默认HTML以
开头。如果切换代码正常工作(如您所述)并且基于CSS定义,则在加载页面时,默认情况下关闭
类应使其处于关闭状态。

让默认HTML以
开头。如果切换代码正常工作(如您所述)并且基于CSS定义,则在加载页面时,默认情况下关闭
类应使其处于关闭状态。

让默认HTML以
开头。如果切换代码正常工作(如您所述)并且基于CSS定义,则在加载页面时,默认情况下关闭
类应使其处于关闭状态。

让默认HTML以
开头。如果切换代码正在工作(如您所述),并且基于CSS定义,则在加载页面时,默认情况下将
关闭
类置于关闭状态。

display:none;可见性:隐藏;不透明度:0;z指数:-1;选择任意项。显示:无;可见性:隐藏;不透明度:0;z指数:-1;选择任意项。显示:无;可见性:隐藏;不透明度:0;z指数:-1;选择任意项。显示:无;可见性:隐藏;不透明度:0;z指数:-1;随便挑一个。