Is it possible to trigger on elements on bottom of page? about vue-scrollactive

[atiar-cse]

It's not triggering on bottom of page small section in height about 200px. How we can resolve it?

[eddiemf]

Yeah sure, it should be definitely possible. The class is applied based on wether the top of screen + offset value reached the position of the section you defined. The only problem you might have is in case it's the last section and it's too small for the top of screen to reach it, so it will never have the active class.

Edit:
I just looked at the title and realized your problem is exactly the "problem" part of my answer hehe. So I added another answer.

[StefKors]

Yeah, I was thinking probably giving it 80vh or some would work. Is it possible to mod it so instead of X from top it triggers on when element is in frame?

Another option would be to perhaps manually trigger scrollactive? Is that possible

[eddiemf]

Well, an easy fix for this is just making the offset value higher. By default it's something like 40px, you can make it something like 500px maybe, this way the highlight will occur just after the section is in the screen.

The calculation is still the same, you're just adding more with the offset.

The only downside is that you can't do this specifically for one section, all sections will behave the same.

[MaartenVenema]

This issue still persists. When you scroll down but the last section is not close enough to the top of the viewport the active-state for the last section will not get triggered.

[vladninja]

Any progress?