Javascript 交替垂直滚动和水平滚动,滚动运动正常

Javascript 交替垂直滚动和水平滚动,滚动运动正常,javascript,html,css,animation,scroll,Javascript,Html,Css,Animation,Scroll,我必须创建一个水平滚动部分页面。 所以我有一个正常的第一部分,第二部分大于100vw(取决于有多少项目),当你向下滚动时,它会向右滚动。当第二个在右端时,它向下滚动,您将到达第三个部分 我知道我解释得不好,所以这里有一个真实网站的例子: 以下是我所做的: “严格使用”; $(文档).ready(函数(){ 设divWidth=$('.section_uutwo_uulist').width(); 设divHeight=$('.section__two').height(); 让screenW

我必须创建一个水平滚动部分页面。 所以我有一个正常的第一部分,第二部分大于100vw(取决于有多少项目),当你向下滚动时,它会向右滚动。当第二个在右端时,它向下滚动,您将到达第三个部分

我知道我解释得不好,所以这里有一个真实网站的例子:

以下是我所做的:

“严格使用”;
$(文档).ready(函数(){
设divWidth=$('.section_uutwo_uulist').width();
设divHeight=$('.section__two').height();
让screenWidth=$('.section__two__container').width();
让fullDistance=divWidth—屏幕宽度;
设newDivHeight=divHeight+fullDistance;
$('.section__two').css('height',newDivHeight);
$(窗口)。滚动(功能(e){
让startPoint=window.pageYOffset-
$('.section__two').offset().top;
让端点=window.pageYOffset-($('.section_uu_utwo').offset().top+fullDistance);

如果(startPoint>=0&&endPoint如果您不反对使用库来实现我相信您所描述的目标,您可以使用Greensock的ScrollTrigger之类的工具,如果它有效,我不反对^!