Repeated background image appears to be fixed but not scroll while scrolling


While adding a repeated background image, I expect it will fill out the whole page (includes view outside of current view), but indeed, it only fills the scroll panel and appears to be a static background.

<ion-content class="padding" style="background: url(...) repeat;">

and demonstration:

Is there any solution to make the background scroll along with the scrolling? (Just like normal web page does)