@@ -66,7 +66,9 @@ <h1>Slide in on Scroll</h1>
       sliderImages.forEach( sliderImage => {
          //half way through the image
       const slideInAt = (window.scrollY + window.innerHeight) - sliderImage.height / 2; 
+      // console.log(slideInAt);
          // bottom of the image
+         // offsetTop gives the distance from the top of the image to the top of the window
       const imageBottom = sliderImage.offsetTop + sliderImage.height;
       const isHalfShown = slideInAt > sliderImage.offsetTop;
       const isNotScrolledPast = window.scrollY < imageBottom;