Bug? with Scroll Effect - Delayed Offset

Support
#1

Hi there,

I have a page where there appears to be a bug with the Scroll Effect Offset for a number of elements.
Within the same site, this occurs on some pages but not all.

I have a default Scroll Effect (Transform) applied to a number of Cells in a Grid, with the default of 10% Offset for Top and Bottom. However, in the preview window and on the frontend, the Offset appears to be more like 50-60%, and the items to no transition in until they are way up the screen.

The problem can be seen on this page: https://carneyplant.odb.host/equipment/suction-excavators/
When scrolling to the Inventory grid with a number of cell items, they do not transition in at the right scroll point.

On the same site, with a very similar setup, this page does not have the same issue: https://carneyplant.odb.host/equipment/tracked-excavators/
Again at the Inventory grid area, the items transition into view at the right scroll point.

Any indication of something going wrong in the setup, or errors occurring, or if this is a bug, would be much appreciated!

Thanks

#2

Upon further investigation, I have found that the difference between the two pages linked above is that the page with the Scroll Offset bug has a Slider element above the Grid.

This Slider element had its Height set to Adaptive, and the first slide is considerably shorter than the second.

If I switch the Height of the slider to Static, a large space is present on the first slide, but the Scroll Offset happens at the correct time.

Something about the calculation of where the Scroll Effect Offset point is using the Static height of the slider rather than the Adaptive one.

Is this something that can be fixed?

Thanks

#3

Hello Jakob,

Thank you for the inquiry.

We can reproduce the issue, but we are not yet sure what is causing it. We may need to access the site. Please provide the login details in the secure note.

secure-note
secure-note1040×250 15.3 KB

Best regards,
Ismael

#4

I have set up a sample page on a test site, which you can see here:
https://components.odb.host/scroll-offset-slider-issue/

I’ll add the details again for accessing it to debug the problem.

As mentioned above, the issue occurs when there is a slider higher in the page, with Align set to Start and the Height then set to Adaptive. The second slide has a large gap in it to mimic a large amount of content. The Scroll Offset is being calculated based on the larger slide height, on page load, and this is causing a delay in the Offset when a shorter slide is visible.