Ion tabs get scroll away

I’ve used tabs in my page with the slot of bottom, although they appear at the bottom, but when I scroll my page tabs also get scrolled away, what could possibly be the problem ?
Here is the structure of my page

// my content goes here

// some heavy stuff here 
// and just right before the closing of ion-content tag
//I placed my ion-tabs, the same example that is found on the docs