Floating Text In Salesforce Lightning Component – HTML Marquee Tag Alternate

Lightning Component

Sharing is caring!

Hi guys , today in this post we are going to learn how we can create floating div or floating text content in salesforce lightning component. we can say this is alternate of HTML marquee (deprecated) tag.

Lightning Component : floatingDemo.cmp

JavaScript Controller : floatingDemoController.js

JavaScript Helper : floatingDemoHelper.js

Check Also : Alternate/Workaround for contains() function in aura:if Condition in Lightning Component
Component CSS : floatingDemo.css

demo.app [Lightning Application]

Output :
floating text in lightning component
Demo

 

Check also : How To Detect a Device In Salesforce Lightning Component ?

Like our facebook page for new post updates. & Don’t forget to bookmark this site for your future reference.

if you have any suggestions or issue with it, you can post in comment box  or Developer Forums 🙂

About The contributor: 

Somnath Sharma

1 Post Contribute

Sharing is caring!

somnath sharma

Blogs By Somnath :

Floating Text In Salesforce Lightning Component – HTML Marquee Tag Alternate

Sharing is caring!

(Visited 33 times, 1 visits today)

Sharing is caring!

(Visited 1,010 times, 1 visits today)

One thought on “Floating Text In Salesforce Lightning Component – HTML Marquee Tag Alternate

  • Thanks for sharing the knowledge. I just observed that in “floatingDemoHelper.js”, document.getElementById is used. I believe it might create problem in locker service, what do you think?

Leave a Reply