Javascript 到达溢出边缘:隐藏';窗帘';在TweenMax

Javascript 到达溢出边缘:隐藏';窗帘';在TweenMax,javascript,scroll,overflow,gsap,Javascript,Scroll,Overflow,Gsap,我有一个div带有溢出:隐藏 在这个div下面,还有另一个div,它需要是可滚动的 滚动位在TweenMax上运行良好,但我需要确定在每次滚动后是否已到达父div的边缘,以更改滚动的方向。我不知道该怎么做 这是一支快速笔: 如果我理解正确,我认为您可以执行以下操作: 片段: var scrollButton=document.getElementById('scroll'); var container=document.getElementsByClassName('container')[

我有一个
div
带有
溢出:隐藏

在这个div下面,还有另一个
div
,它需要是可滚动的

滚动位在
TweenMax
上运行良好,但我需要确定在每次
滚动后是否已到达父
div
的边缘,以更改
滚动的
方向。我不知道该怎么做

这是一支快速笔:

如果我理解正确,我认为您可以执行以下操作:

片段:

var scrollButton=document.getElementById('scroll');
var container=document.getElementsByClassName('container')[0];
var inner=document.getElementsByClassName('inner')[0];
var containerWidth=0;
var containerMaxWidth=0;
var totalDuration=1;
风险值持续时间=0.8;
var ease=Power2.easeInOut;
var方向=“”;
var DIRECTION_LEFT=‘DIRECTION_LEFT’;
var DIRECTION_RIGHT=‘DIRECTION_RIGHT’;
var currProgress=0;
风险价值因子=0.2;
var tl=新的TimelineMax({
暂停:对
});
函数initVariables(){
containerWidth=container.offsetWidth;
TweenMax.套装(集装箱、{
位置:'绝对',
宽度:“自动”
});
containerMaxWidth=container.offsetWidth;
TweenMax.套装(集装箱、{
clearProps:“全部”
});
}
函数initTimeline(){
tl.to(内部,总持续时间{
x:-集装箱最大宽度+集装箱宽度,
ease:Power0.easeNone
});
}
函数initListeners(){
scrollButton.addEventListener('click',doScroll,false);
}
函数doscorl(){
如果(方向===右方向){
currogress=currogress-progressFactor;
}否则{
当前进度=当前进度+进度系数;
}
如果(当前进度>=1){
当前进度=1;
方向=向右的方向;

}else if(currogress)谢谢。我尝试了另一种方法,但在你的建议下,我学会了一些技巧,可以在不同的项目中使用。接受了这个答案。