-
Posts
-
I ran into a problem with a Post Slider I set up on a site today. It is supposed to show 1 post at a time with a specific image size. It works fine, but in Chrome the images would load with a black bar at the top (the background color of the slider) and then the last bit of the image will fill up to the top. Once in a while after refreshing it would work correctly in Chrome, but after a few cycles it would go right back to the same problem.
I thought I had finally tracked it down to the use of CSS translateZ() to handle the transition. Adding the following style rule seemed to fix it:
.slide-entry-wrap{
-webkit-backface-visibility: hidden!important;
-webkit-transform: translateZ(0) scale(1.0, 1.0)!important;
}But, in the time that it took to type up this post it cropped right back up again.
It seems like it might actually be due to a Chrome memory usage issue or something of that nature. I completely quit Chrome and opened just the one page and it is displaying correctly even after multiple cycles through the posts. Previously force refreshing might make it work correctly for a cycle or two but the problem would crop back up.
Hi,
Ok, thanks for the feedback. So I’m guessing you got the problem fixed? Or at least you know why it’s happening?
Regards,
RikardHi Rikard,
Not sure if it’s “fixed”. With the CSS rules I posted above and having restarted Chrome it’s working correctly now. Just have to see if it crops back up again at some point. Chrome can end up sucking huge amounts of memory so I’m just guessing that it was affecting the animation performance and causing the uneven transitions, but that’s only a guess.
- You must be logged in to reply to this topic.