How to Prevent content displayed above the safe area when scrolled in iOS app build using capacitor?

[neroshanbme36]

I am building a mobile app from my angular project using capacitor without ionic. Since the app goes to full screen in iPhone the app overlaps the status barto fix that I have configured in capacitor.config.json as "ios": { "contentInset": "automatic" }

After adding the contentInset: automatic my layout is properly laid. But when i scroll up the scrolled content is displayed in the status bar since iphone have transparent status bar. Is there any way to hide the scrolled content in status bar while scrolling?