# Show live "added class" on an element while scrolling **URL:** \ **Category:** Javascript\ **Tags:** feature-request, tool\ **Created:** [March 31, 2020, 10:02am UTC](https://forum.pinegrow.com/t/show-live-added-class-on-an-element-while-scrolling/3909 "2020-03-31T10:02:20Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![lessram](https://avatars.discourse-cdn.com/v4/letter/l/919ad9/32.png) [@lessram](https://forum.pinegrow.com/u/lessram)\ **Post date:** [March 31, 2020, 10:02am UTC](https://forum.pinegrow.com/t/show-live-added-class-on-an-element-while-scrolling/3909/1 "2020-03-31T10:02:20Z")
Hi together, I got a simple Question. While I’m scrolling my Page, I see on Chrome-DevTool the new class that will added to an Element. For my case … Where I could see this in Pinegrow? The Tree and the Code-Editor in Pinegrow does not change. Thank you ---
**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\ **Post date:** [March 31, 2020, 12:25pm UTC](https://forum.pinegrow.com/t/show-live-added-class-on-an-element-while-scrolling/3909/2 "2020-03-31T12:25:16Z")
Hi @lessram, Can you clarify your question a little bit? Do you mean classes that get added through JavaScript as you scroll the page? Cheers, Bo ---
**Author:** ![lessram](https://avatars.discourse-cdn.com/v4/letter/l/919ad9/32.png) [@lessram](https://forum.pinegrow.com/u/lessram)\ **Post date:** [March 31, 2020, 12:26pm UTC](https://forum.pinegrow.com/t/show-live-added-class-on-an-element-while-scrolling/3909/3 "2020-03-31T12:26:45Z")
Yes an added class by JavaScript - on click or scroll - something like that ---
**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\ **Post date:** [March 31, 2020, 3:09pm UTC](https://forum.pinegrow.com/t/show-live-added-class-on-an-element-while-scrolling/3909/4 "2020-03-31T15:09:36Z")
Yes and no. If you have JavaScript active on the page you can do an inspect of the element before and after the action to see the change. So, for example if you open the [https://scrollmagic.io/examples/basic/class\_toggles.html](https://scrollmagic.io/examples/basic/class_toggles.html) page in Pinegrow using the “Open url…” under the file menu and then click on the first element of the class toggle indicators at the top: ![Users_robertmeans_Desktop_froala-design-blocks_mapped_urls_scrollmagic_io_examples_basic_class_toggles_html-Pinegrow_Web_Editor-_WP](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/d/d4f9c319dc028da392737c24051c0cd73627a3e7.png) Then look at the style attributes before you scroll by the trigger you will see: ![Users_robertmeans_Desktop_froala-design-blocks_mapped_urls_scrollmagic_io_examples_basic_class_toggles_html-Pinegrow_Web_Editor-_WP](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/6/62484ff4b881eedf3372e6d44bc9a764533a9719.png) Now if you scroll down past the trigger and select the element again you will see the attributes have changed ![Users_robertmeans_Desktop_froala-design-blocks_mapped_urls_scrollmagic_io_examples_basic_class_toggles_html-Pinegrow_Web_Editor-_WP](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/b/b34f2efc036d48aed8f773fe21c7543adf454043.png) But they will only change if you reselect, not automatically. Hope this helps. ---
**Author:** ![lessram](https://avatars.discourse-cdn.com/v4/letter/l/919ad9/32.png) [@lessram](https://forum.pinegrow.com/u/lessram)\ **Post date:** [March 31, 2020, 3:40pm UTC](https://forum.pinegrow.com/t/show-live-added-class-on-an-element-while-scrolling/3909/5 "2020-03-31T15:40:15Z")
Ahh okay. A bit awkward but okay… Maybe it could be an upcoming new feature. This will help so see the behavior of the page in some cases. Now I have to know where the Element got the changing class. Thank you Rob for the fast reply.