Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]
Groups > comp.lang.javascript > #33858
| From | Martin Honnen <martin.honnen@gmx.de> |
|---|---|
| Newsgroups | comp.lang.javascript |
| Subject | Re: CSS transition |
| Date | 2017-08-22 21:16 +0200 |
| Organization | Liberty Development |
| Message-ID | <onhvuo$r4b$1@news.albasani.net> (permalink) |
| References | <fe80a18f-f772-4375-96d5-8acc749b7b86@googlegroups.com> |
On 22.08.2017 19:59, bit-naughty@hotmail.com wrote:
> I have something which is off-screen, ie. it's "left" is 101% in CSS. I'm trying to scroll it in smoothly, but it just *appears*, without a slow scroll. This is my JS code:
>
> var elem = document.getElementById("middleoffscreen");
> elem.style.transition = "left 0.5s linear 0s";
> elem.style.left = "1%";
>
>
>
> What am I doing wrong?
Can you set the CSS for transition statically in a CSS stylesheet and
only manipulate the left property with your code?
That seems to work https://jsfiddle.net/1pwfpk2L/.
Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread
CSS transition bit-naughty@hotmail.com - 2017-08-22 10:59 -0700
Re: CSS transition Martin Honnen <martin.honnen@gmx.de> - 2017-08-22 21:16 +0200
Re: CSS transition Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2017-08-23 03:14 +0200
Re: CSS transition Martin Honnen <martin.honnen@gmx.de> - 2017-08-23 12:24 +0200
Re: CSS transition JR <jrfaqcom@gmail.com> - 2017-08-23 07:41 -0300
Re: CSS transition Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2017-08-23 14:51 +0200
Re: CSS transition bit-naughty@hotmail.com - 2017-08-23 23:14 -0700
Re: CSS transition Joao Rodrigues <groups_jr-1@yahoo.com.br> - 2017-08-25 20:17 -0300
csiph-web