Scrollmagic: Problems with setClassToggle()

Created on 27 May 2015 · 7Comments · Source: janpaepke/ScrollMagic

Hi,

Whenever I use

scene.setClassToggle(".picto-1", "animated flipInY");

I get this error: Uncaught InvalidCharacterError: Failed to execute 'add' on 'DOMTokenList': The token provided ('animated flipInY') contains HTML space characters, which are not valid in tokens.

Weird it happens as documentation states this method of use. Any clue?

bug

Source

josespinal

👍1

All 7 comments

yup, that is a bug, scheduled to be fixed. :)

check here: https://github.com/janpaepke/ScrollMagic/issues/313

janpaepke on 10 Jun 2015

👍1

Great. Thanks

josespinal on 14 Jun 2015

Has this been fixed yet? I just ran into this issue now.

jeaber on 13 Mar 2016

I'm on the latest version 2.0.5, and this bug still persists.

This should be fine according to documentation but I get the same error as mentioned above:

.setClassToggle(element, '-fadein -bottom')

ghost on 13 Sep 2016

I can confirm getting a bug with latest version still

NicholasRowe on 9 Jan 2017

The issue is still there apparently. Trying to "animated fadeInRight" and I get the same error.

avalonstudios on 27 Mar 2020

Hmm, you would think this would be a more prevalent issue and already fixed by now. Maybe update the docs because it is not true about multiple classes http://scrollmagic.io/docs/ScrollMagic.Scene.html#setClassToggle

I appreciate the script anyhow!