如何检测父div的最后一个div在屏幕上可见？

Question

1. 它可以工作，但必须适用于所有响应设备
2. 我有一个由4个子元素组成的Parent Div，并且有动画。

3. 因此，当我单击该子div的时候，我正在使用translateX移动父Div，其值为子元素Length（354）。

4. 父div长度为1600。

5. 因此，当用户能够看到“最后一个子div”的屏幕时，我必须停止“父div”

    desktopShiftLength = 10;
   shift = 0;
   swipe(event) {
   const clickPosition = event.clientX;
   const halfScreen = this.deviceWidth / 2;
   if (this.tablet > this.deviceWidth) {
     return false;
   }
   if ((clickPosition > halfScreen) && this.shift === 0) {
     this.shift = this.shift + this.desktopShiftLength;
     this.language.nativeElement.style['transform'] = 'translateX(-' + 
   this.shift + '%)';
   } else if ((clickPosition < halfScreen) && this.shift > 0) {
     this.shift = this.shift - this.desktopShiftLength;
     this.language.nativeElement.style['transform'] = 'translateX(' + this.shift + '%)';
   }
   

   }