@Fran-Diox Thanks for the answer. No the carousel and the image also i do not want to cover the whole of screen but cover the screen that is the height of the image. For example if the image height is 200px i want the carousel cover only 200px of the screen and the image show 100% of the size in all different size of device screen.

I may be misunderstanding what you mean exactly. Here’s an demo showing how the scroll event works for pages both outside and inside a carousel. It logs 0 for the outer page and 1 for the inner one. If neither is what you want then a more precise explanation would be appreciated. Maybe you could provide an example showing what you are trying to do (a codepen would be preferred though not a requirement). That way we can find out where exactly the problem lies.