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)谢谢。我尝试了另一种方法,但在你的建议下,我学会了一些技巧,可以在不同的项目中使用。接受了这个答案。