# Content disappears on scrolling when ion-content + ion-card (SOLVED)

**URL:** <https://forum.ionicframework.com/t/content-disappears-on-scrolling-when-ion-content-ion-card-solved/61907>\
**Category:** ionic-v3\
**Created:** [August 29, 2016, 11:39am UTC](https://forum.ionicframework.com/t/content-disappears-on-scrolling-when-ion-content-ion-card-solved/61907 "2016-08-29T11:39:51Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![rafaelbuiu](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rafaelbuiu/32/102240_2.png) [@rafaelbuiu](https://forum.ionicframework.com/u/rafaelbuiu)\
**Post date:** [August 29, 2016, 11:39am UTC](https://forum.ionicframework.com/t/content-disappears-on-scrolling-when-ion-content-ion-card-solved/61907/1 "2016-08-29T11:39:51Z")

</div>

I had a issue when scrolling a list. It happened to disappear the content for some time (seconds) while scrolling.  
I added the following line to the element CSS to get it solved:

`-webkit-transform: translateZ(0) translate3d(0px, 0px, 0px);`

Hope it helps someone!

---

<div class="post-metadata">

**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\
**Post date:** [August 29, 2016, 8:03pm UTC](https://forum.ionicframework.com/t/content-disappears-on-scrolling-when-ion-content-ion-card-solved/61907/2 "2016-08-29T20:03:19Z")

</div>

What does the markup look like? While that may “work”, it’s probably not the correct solution to your problem.

---

<div class="post-metadata">

**Author:** ![ozexpert](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/ozexpert/32/64108_2.png) [@ozexpert](https://forum.ionicframework.com/u/ozexpert)\
**Post date:** [January 6, 2017, 5:01pm UTC](https://forum.ionicframework.com/t/content-disappears-on-scrolling-when-ion-content-ion-card-solved/61907/3 "2017-01-06T17:01:16Z")

</div>

where did you add that? `<ion-content>` ?

---

<div class="post-metadata">

**Author:** ![rabee1981](https://avatars.discourse-cdn.com/v4/letter/r/ac91a4/32.png) [@rabee1981](https://forum.ionicframework.com/u/rabee1981)\
**Post date:** [August 10, 2017, 12:13am UTC](https://forum.ionicframework.com/t/content-disappears-on-scrolling-when-ion-content-ion-card-solved/61907/4 "2017-08-10T00:13:18Z")

</div>

you are my hero, thank you very much

---

<div class="post-metadata">

**Author:** ![chuckjgray](https://avatars.discourse-cdn.com/v4/letter/c/2bfe46/32.png) [@chuckjgray](https://forum.ionicframework.com/u/chuckjgray)\
**Post date:** [November 16, 2017, 9:38pm UTC](https://forum.ionicframework.com/t/content-disappears-on-scrolling-when-ion-content-ion-card-solved/61907/5 "2017-11-16T21:38:13Z")

</div>

@ozexpert great call on the ion-content I created a component for the same page, so essentially, I had two Ion-contents causing the scrolling issue. Thanks!