Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.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 div根据水平滚动上的offsetLeft获取类_Javascript_Jquery_Horizontal Scrolling - Fatal编程技术网

Javascript div根据水平滚动上的offsetLeft获取类

Javascript div根据水平滚动上的offsetLeft获取类,javascript,jquery,horizontal-scrolling,Javascript,Jquery,Horizontal Scrolling,我有一系列的div250px正在水平滚动。我希望在每个div(.slide)开始时都能看到它 50vw获得一个类(.biger),以便将其宽度增加到50vw。 本网站解释了我正在努力实现的目标: body{overflow-y:hidden;} .幻灯片{ 宽度:250px; 高度:100vh; 字体大小:50px; 字体系列:roboto; 颜色:#E5; 文本对齐:右对齐; 填充:50px; 左边框:实心1px#e5; } .更大{ 宽度:50vw; } .包装纸{ 显示器:flex; 弯

我有一系列的div250px正在水平滚动。我希望在每个div(.slide)开始时都能看到它 50vw获得一个类(.biger),以便将其宽度增加到50vw。 本网站解释了我正在努力实现的目标:

body{overflow-y:hidden;}
.幻灯片{
宽度:250px;
高度:100vh;
字体大小:50px;
字体系列:roboto;
颜色:#E5;
文本对齐:右对齐;
填充:50px;
左边框:实心1px#e5;
}
.更大{
宽度:50vw;
}
.包装纸{
显示器:flex;
弯曲方向:行;
宽度:200vw;
变换:旋转(90度)translateY(-100vh);
变换原点:左上角;
}
.外包装{
宽度:100vh;
高度:100vw;
变换:旋转(-90度)translateX(-100vh);
变换原点:左上角;
溢出y:滚动;
溢出x:隐藏;
位置:绝对位置;
}
:-webkit滚动条{
显示:无;
}

1.
2.
3.
4.
5.
6.
7.
8.