Infinite Marquee
Infinite Marquee
This tool creates professional infinite scrolling (marquee) effects for your website content. Display logos, testimonials, news tickers, or any content in a continuous scroll with customizable speed, direction (left/right, up/down), and spacing. Features include pause-on-hover functionality, responsive design, and smooth animations. Perfect for showcasing client logos, displaying announcements, or creating engaging visual elements that capture visitor attention.
Implement it easier
1
Add the script
Add this script in project settings > Custom code > Before </body> tag
<!-- BeBranded Contents -->
<script async src="https://cdn.jsdelivr.net/npm/@bebranded/bb-contents@1/bb-contents.js"></script>
2
Enable the module
Enable the module
bb-marquee attribute
bb-marquee
=
" "
Add the bb-marquee attribute to the element you want to scroll.
Add this attribute:
Name
bb-marquee
Value
3
Scroll speed
Scroll speed
bb-marquee-speed attribute
bb-marquee-speed
=
"100"
Set the scroll speed in pixels per second. The higher the value, the faster the scroll.
Add this attribute:
Name
bb-marquee-speed
Value
100
4
Scroll direction
Scroll direction
bb-marquee-direction attribute
bb-marquee-direction
=
"left"
Set the scroll direction. "left" for scrolling to the left, "right" for scrolling to the right.
Add this attribute:
Name
bb-marquee-direction
Value
left
Optional
Pause on hover
Pause on hover
bb-marquee-pause attribute
bb-marquee-pause
=
"true"
Enable or disable pausing the scroll when the user hovers over the element.
Add this attribute:
Name
bb-marquee-pause
Value
true
Optional
Spacing between elements
Spacing between elements
bb-marquee-gap attribute
bb-marquee-gap
=
"50"
Set the spacing in pixels between repeated elements in the scroll.
Add this attribute:
Name
bb-marquee-gap
Value
50
Optional
Scroll orientation
Scroll orientation
bb-marquee-orientation attribute
bb-marquee-orientation
=
"horizontal"
Set the scroll orientation. "horizontal" for left-to-right scrolling, "vertical" for top-to-bottom scrolling.
Add this attribute:
Name
bb-marquee-orientation
Value
horizontal
Optional
Height for vertical scroll
Container height
bb-marquee-height attribute
bb-marquee-height
=
"300"
Set the height in pixels of the scroll container. Mainly used for vertical scrolling.
Add this attribute:
Name
bb-marquee-height
Value
300
1
2
Still need help?
