{"action":"created","issue":{"url":"https://api.github.com/repos/aamirafridi/jQuery.Marquee/issues/43","labels_url":"https://api.github.com/repos/aamirafridi/jQuery.Marquee/issues/43/labels{/name}","comments_url":"https://api.github.com/repos/aamirafridi/jQuery.Marquee/issues/43/comments","events_url":"https://api.github.com/repos/aamirafridi/jQuery.Marquee/issues/43/events","html_url":"https://github.com/aamirafridi/jQuery.Marquee/issues/43","id":57264356,"number":43,"title":"Use translate(x,y) instead of animating Left/Top/Margin-Left/Margin-Top","user":{"login":"Splendorr","id":150489,"avatar_url":"https://avatars.githubusercontent.com/u/150489?v=3","gravatar_id":"","url":"https://api.github.com/users/Splendorr","html_url":"https://github.com/Splendorr","followers_url":"https://api.github.com/users/Splendorr/followers","following_url":"https://api.github.com/users/Splendorr/following{/other_user}","gists_url":"https://api.github.com/users/Splendorr/gists{/gist_id}","starred_url":"https://api.github.com/users/Splendorr/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Splendorr/subscriptions","organizations_url":"https://api.github.com/users/Splendorr/orgs","repos_url":"https://api.github.com/users/Splendorr/repos","events_url":"https://api.github.com/users/Splendorr/events{/privacy}","received_events_url":"https://api.github.com/users/Splendorr/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-02-11T01:22:02Z","updated_at":"2015-04-11T23:13:55Z","closed_at":null,"body":"Hi! I love the plugin, and really appreciate you sharing it.\r\n\r\nIn my use, I've noticed the plugin is quite choppy in various environments. As I've been researching animation lately, I've learned that it's much better in almost instance to use the CSS animation \"translate\" to move elements vertically or horizontally, rather than changing the Left, Top, Margin-Left, or Margin-Top properties. These properties were never meant to be animated, and the calculations involved in changing them are more processor-intensive than the translate effect.\r\n\r\nI've seen numerous reports about this. In my own anecdotal tests, when trying to mock up my own marquee animation in CSS, the translate effect is much smoother in every browser I have access to. I recognize it may not be available in all older browsers, but where it is, it's significantly smoother.\r\n\r\nAs far as I can tell, this plugin does not use \"translate.\" I'm sure it would be a lot of work to change, but I thought I would mention this to you. In a page heavy with javascript and css animation effects, this marquee seems to have a visible impact on the overall performance of the site. I'll continue to search for my own optimizations, of course.\r\n\r\nThanks again, and best wishes!"},"comment":{"url":"https://api.github.com/repos/aamirafridi/jQuery.Marquee/issues/comments/91941396","html_url":"https://github.com/aamirafridi/jQuery.Marquee/issues/43#issuecomment-91941396","issue_url":"https://api.github.com/repos/aamirafridi/jQuery.Marquee/issues/43","id":91941396,"user":{"login":"mscreenie","id":11147410,"avatar_url":"https://avatars.githubusercontent.com/u/11147410?v=3","gravatar_id":"","url":"https://api.github.com/users/mscreenie","html_url":"https://github.com/mscreenie","followers_url":"https://api.github.com/users/mscreenie/followers","following_url":"https://api.github.com/users/mscreenie/following{/other_user}","gists_url":"https://api.github.com/users/mscreenie/gists{/gist_id}","starred_url":"https://api.github.com/users/mscreenie/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mscreenie/subscriptions","organizations_url":"https://api.github.com/users/mscreenie/orgs","repos_url":"https://api.github.com/users/mscreenie/repos","events_url":"https://api.github.com/users/mscreenie/events{/privacy}","received_events_url":"https://api.github.com/users/mscreenie/received_events","type":"User","site_admin":false},"created_at":"2015-04-11T23:13:55Z","updated_at":"2015-04-11T23:13:55Z","body":"I came here just to post this, I've been using this plug-in for almost a year and have been learning new CSS3 methods. It seems translateX may be accelerated by the browser. \r\n\r\nThis plugin uses margin, you could achieve the same result by using transalateX instead.\r\n\r\nFor now I'll be switching over to a pure CSS3 implementation, where frame 0% transalates from 100% to -100%. "}}