Floating Text In Salesforce Lightning Component – HTML Marquee Tag Alternate

Lightning Component

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

somnath sharma

Blogs By Somnath :

Floating Text In Salesforce Lightning Component – HTML Marquee Tag Alternate

(Visited 37 times, 1 visits today)
(Visited 1,747 times, 5 visits today)

2 comments

  • 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?

  • Well done! It is so well written and interactive. Keep writing such brilliant piece of work. Glad i came across this post.

Leave a Reply