chrome 31 BUG

[Adangs]

chrome 版本 31.0.1650.63 m

有些层会不显示掉，移上去才会出现。

[Satariall]

不是全世界都知道中國。寫英文 Not the whole world knows Chinese. Please write in English

[Adangs]

chrome 31++ 大分辨率下面有些层会消失了 Here are some great resolution layer will disappear

[tulindesign]

Yes, if your resolution more then 1378, like my - 1980px, some layers will disappear

look here - www.feelspace.ru/test This bug is only in Chrome (some days ago was updated)

[martinfelcman]

It's issue on Chrome 31+ and usually with using external monitor. Chrome load the images, but doesn't show them. Fixing by different using of html or css seems to be blind way. Any idea ow to fix it or when it will be fixed?

[rodrigoavga]

I'm experiencing the same bug. I haven't figured out any fix yet.

[tulindesign]

maybe try to use images parallax then div backgrounds? some one tried?

[martinfelcman]

We did. Chrome has problem to display and animate big or many images even if they are loaded.

On 6. 2. 2014, at 13:23, TimTulin notifications@github.com wrote:

maybe try to use images parallax then div backgrounds? some one tried?

— Reply to this email directly or view it on GitHub.

[rodrigoavga]

@TimTulin I tried both using img elements, and div elements with the images set as background-image. Same results. In fact the Parallax.js demo uses divs with background-image, as of last time I checked.

[tulindesign]

any idies?

[amboy00]

Is this issue still happening in Chrome 32? I'm not experiencing the issue with this version.

[tulindesign]

yes, the problem live there ;)

[nino051]

I had the same problem and found the solution. Disable hardware acceleration by disabling calls to accelerate function (lines 180 and 181 in jquery.parallax.js). Hopefully they'll fix the bug in Chrome.

[tulindesign]

@nino051 can u show me code? how to disable?

[nino051]

take this file: https://raw.github.com/wagerfield/parallax/master/source/jquery.parallax.js put it in your web comment lines 180 and 181

[tulindesign]

@nino051 http://feelspace.ru/fs.ru/ same problem

[d4mn]

Yeah this doesn't help either....

[nino051]

General idea is to disable 3d transformations

Try this too: chage line 152 Plugin.prototype.transform3DSupport = Plugin.prototype.transformSupport('3D'); to Plugin.prototype.transform3DSupport = null; //Plugin.prototype.transformSupport('3D');

[d4mn]

This doesn't help too.... problem is for big resolution only when you resize window all works fine

[nino051]

Yes, I had that exact problem. And this fixed it.

[tulindesign]

@nino051

feelspace.ru/fs.ru

152 line have changed, no changes

[d4mn]

Hm maybe it's because i have overflow:hidden on my container element? Do you have this css on your elements?

[tulindesign]

@d4mn i have overflow too, look - feelspace.ru/fs.ru - if you delete overflow no changes

[nino051]

@TimTulin you are still including old parallax.js in feelspace.ru/fs.ru line 368

[d4mn]

it seeems z-index fixed my problem i added higher z -index for elemnts which are overflowed by parallax elements

[tulindesign]

@nino051 doesn't work with your paralax.js

[tulindesign]

@nino051 give me your web site if u can, i want to look how it works on your site

[nino051]

Sorry, I can't. Not mine to show.

On Feb 26, 2014 12:10 PM, "TimTulin" notifications@github.com wrote:

@nino051 give me your web site if u can, i want to look how it works on your site

— Reply to this email directly or view it on GitHub.

[tulindesign]

okey, doesn't work (

[tulindesign]

@nino051 help please....

[tulindesign]

@nino051 http://feelspace.ru/fs.ru/test/

[nino051]

Don't know what else to tell you. Disable 3D acceleration in parallax plugin and it will work in Chrome.

[tulindesign]

@nino051 can u say me what file and what line on my site www.feelspace.ru/fs.ru/test

[nino051]

I already did. Download this file: http://www.skretnica.com/jquery.parallax2.zip Unzip it and put in in you projects js folder. Use it in you project instead of "js/parallax/parallax.js"

[tulindesign]

Big ty

Отправлено из мобильной Почты Mail.Ru

Понедельник, 3 марта 2014 г., 3:00 +0600 от nino051 notifications@github.com: I already did. Download this file: http://www.skretnica.com/jquery.parallax2.zip Unzip it and put in in you projects js folder. Use it in you project instead of "js/parallax/parallax.js" — Reply to this email directly or view it on GitHub .

[Adangs]

Share. Thank you. liulundang@vip.qq.com

[johnny-gruber]

Hi

I also had this problem in my Project. This solution does't solve my problem. The solution was to minimize the layer-size. The plugin sets the size of each layer to width 100% and height 100%. I don't know how chrome handles its memory allocation and GPU processing, but the amount of 3 dimensional translated layer is to high for it. Chrome can't hande that and hides the layers. I changed the plugin and set the height to auto. The wrapper still has height and width of 100% but the elements inside are smaller. With this solution I can minimize the space which is rendered as 3 dimensional layer and chrome shows my layers correctly.

[ZverushkaX]

Have the same bug. First time i thinked, that is because of being several scenes. But when i read messages above - i solved problem. I fixed it, when resize scene size to smaller. It help me.

[wagerfield]

Hi Everyone,

I'm going to close this issue because it's evidently a Chrome bug and should be filed there rather than here. Parallax is just doing some light calculations and then attempts to use the best CSS transform technique available in your browser to translate some elements. I really don't want to factor in any logic to toggle hardware acceleration on large screens for certain browsers because it would require User Agent sniffing that will likely change with browser releases. I'm afraid you're going to have to tackle this problem in your own code.