Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在接下来的两张专辑中出现错误的前几天(它正在做一些奇怪的事情)_Javascript_Html_Css - Fatal编程技术网

Javascript 在接下来的两张专辑中出现错误的前几天(它正在做一些奇怪的事情)

Javascript 在接下来的两张专辑中出现错误的前几天(它正在做一些奇怪的事情),javascript,html,css,Javascript,Html,Css,几天前,我发现一个非常好的专辑代码,它也适合我的程序,但现在当我使用它,我有一些错误 错误就像我打开它时做了一些非常奇怪的事情,比如我在第二个选项卡上,单击“下一张照片”按钮,但它没有更改此相册照片,而是更改了以前的相册照片。而且第一张相册没有移动,它总是向上移动 我知道很难可视化,我请求您在本地编辑器上打开此代码 我真的很沮丧,请帮帮我 沙米尔简历 html{ /*滚动行为:平滑*/ } 主体{} #家{ 背景图片:url(images/background2.png); 背景尺寸:封面;

几天前,我发现一个非常好的专辑代码,它也适合我的程序,但现在当我使用它,我有一些错误

错误就像我打开它时做了一些非常奇怪的事情,比如我在第二个选项卡上,单击“下一张照片”按钮,但它没有更改此相册照片,而是更改了以前的相册照片。而且第一张相册没有移动,它总是向上移动

我知道很难可视化,我请求您在本地编辑器上打开此代码

我真的很沮丧,请帮帮我


沙米尔简历
html{
/*滚动行为:平滑*/
}
主体{}
#家{
背景图片:url(images/background2.png);
背景尺寸:封面;
高度:100vh;
/*我使用vh单元是为了使它适合屏幕*/
宽度:100%;
z指数:-1;
边缘顶部:25px;
显示器:flex;
弯曲方向:立柱;
证明内容:中心;
对齐项目:居中;
背景色:rgb(0,0,0);
/**/
/*滤镜:灰度(50%)*/
}
/***相册***/
保险商实验室{
边缘顶部:90像素;
}
.nav药丸>li.active>a,
.nav药丸>li.active>a:聚焦,
.nav药丸>li.active>a:悬停{
颜色:#fff;
文字装饰:下划线;
背景色:透明;
}
img{
最大宽度:100%;
高度:自动;
}
.滑块{
宽度:90vmin;
高度:90vmin;
-webkit透视图:100vmin;
透视图:100vmin;
保证金:自动;
-webkit透视图来源:顶部中心;
透视原点:上中;
位置:相对位置;
框大小:边框框;
}
.slider\u项目{
位置:绝对位置;
底部:0;
/*左:10%*/
宽度:100%;
身高:100%;
填充顶部:15V分钟;
框大小:边框框;
-webkit转换:-webkit转换0.18秒易用性;
转换:-webkit转换0.18秒易用性;
转换:转换0.18秒轻松;
转换:转换0.18秒易用性,-webkit转换0.18秒易用性;
}
.slider\u项:第n个子项(1){
-webkit转换:translate3d(0,0,0vmin);
转换:translate3d(0,0,0vmin);
-webkit转换延迟:0秒;
转换延迟:0s;
z指数:7;
}
.slider\u项:第n个子项(2){
-webkit转换:translate3d(0,0,-15vmin);
转换:translate3d(0,0,-15vmin);
-webkit转换延迟:0.05秒;
过渡延迟:0.05秒;
z指数:6;
}
.slider\u项:第n个子项(3){
-webkit转换:translate3d(0,0,-30vmin);
转换:translate3d(0,0,-30vmin);
-webkit转换延迟:0.1s;
过渡延迟:0.1s;
z指数:5;
}
.slider\u项:第n个子项(4){
-webkit转换:translate3d(0,0,-45vmin);
转换:translate3d(0,0,-45vmin);
-webkit转换延迟:0.15s;
过渡延迟:0.15s;
z指数:4;
}
.slider\u项:第n个子项(5){
-webkit转换:translate3d(0,0,-60vmin);
转换:translate3d(0,0,-60vmin);
-webkit转换延迟:0.2s;
过渡延迟:0.2s;
z指数:3;
}
.slider\u项:第n个子项(6){
-webkit转换:translate3d(0,0,-75vmin);
转换:translate3d(0,0,-75vmin);
-webkit转换延迟:0.25s;
过渡延迟:0.25s;
z指数:2;
}
.slider\u项:第n个子项(7){
-webkit转换:translate3d(0,0,-90vmin);
转换:translate3d(0,0,-90vmin);
-webkit转换延迟:0.3s;
过渡延迟:0.3s;
z指数:1;
}
.slider\u项:第n个子项(8){
-webkit转换:translate3d(0,0,-105vmin);
转换:translate3d(0,0,-105vmin);
-webkit转换延迟:0.35s;
过渡延迟:0.35s;
z指数:0;
}
.slider\u图像{
宽度:100%;
身高:80%;
左边缘:0%;
背景色:#999;
边框:1.5vmin实心rgb(66,65,65);
框大小:边框框;
盒影:0px 0vmin 0vmin 0px rgba(0,0,0,0.75),1px 1vmin 2vmin rgba(0,0,0,0.75);
溢出:隐藏;
显示:块;
-webkit变换:不透明度0.2s缓变,-webkit变换0.18s缓变;
过渡:不透明度0.2s缓和,-webkit变换0.18s缓和;
过渡:变换0.18秒缓变,不透明度0.2秒缓变;
过渡:变换0.18秒缓变,不透明度0.2秒缓变,-webkit变换0.18秒缓变;
-webkit变换原点:底部中心;
变换原点:底部中心;
}
.slider\u标题{
/*身高:20%*/
字体大小:150%;
利润上限:-2%;
/*顶部:-42px*/
字体大小:粗体;
颜色:rgba(0,0,0,0.8);
显示:-网络工具包盒;
显示:-ms flexbox;
显示器:flex;
-webkit框对齐:居中;
-ms-flex-align:居中;
对齐项目:居中;
-webkit盒包:中心;
-ms-flex-pack:center;
证明内容:中心;
}
.slider\uuu btn{
/*位置:绝对位置*/
/*底部:0*/
左:0;
右:0;
/*最高:88%*/
宽度:9vmin;
高度:9分钟;
保证金:2V分钟自动;
右边框:2vmin实心rgba(255、255、255、0.8);
边框底部:2vmin实心rgba(255、255、255、0.65);
z指数:100;
光标:指针;
-webkit变换:透视(10V分钟)旋转(-30度)旋转(45度);
变换:透视(10V分钟)旋转(-30度)旋转(45度);
}
.slider\uu btn:活动{
右边框颜色:#dd6;
边框底色:#dd6;
}
.第节标题2{
文本对齐:居中;
颜色:#000000;
边缘底部:10px;
文本转换:大写;
/*边缘顶部:50PX*/
填充顶部:79px;
}
成就