search

thebird / Swipe

Swipe is the most accurate touch slider.
MIT License
6.79k stars 1.69k forks source link

Odd bug with zoomy.js and transalte3d #101

Closed kaluznyo closed 11 years ago

kaluznyo commented 12 years ago

Hi,

I use zoomy.js and swipe.js just below. A odd bug appear when the magnifying glass in bottom of my image, and when the bottom of magnifying glass touch the image use with swipe. The zoom freez and bug.

After somes investigation, I find the bug. In function slide, if i change

style.webkitTransform = 'translate3d(' + -(index * this.width) + 'px,0,0)';

by

style.webkitTransform = 'translate(' + -(index * this.width) + 'px,0)';

It's works fine. I don't know why, and, okay, it's a bug very specific in this case. But why use translate3d for a "1D" translation ?

(PS: I can provide you an example to reproduce this bug, if you want)

EDIT: This bug is on last chrome (no bug in last firefox..)

thebird commented 12 years ago

A 3d transition is used in order to send the processing to the graphics card. Only 3d transitions are offloaded to the graphics processor. This provides much smoother animations and transitions.

madrid1979 commented 11 years ago

I also had to employ this same "fix" in order for the scrollbars on elements that I created to allow vertical scrolling (overflowY) in Chrome (21.0.1180.89 on WinXP) to render properly, otherwise it resulted in a weird "ghost of commodore64" appearance. Did not affect any other browsers.