Skip to content

A simple, lightweight jQuery plugin to scroll a list like carousel or traditional marquee.


Notifications You must be signed in to change notification settings


Repository files navigation

This package is abandoned and no longer maintained. The author suggests using the Owl Carousel 2 plugin instead.

jQuery Scrollbox is a lightweight plugin that enables you to scroll a list of html elements (text, image, etc...) like a carousel slider or traditional marquee.


  • Simple and lightweight
  • Vertical and horizontal scroll
  • Auto play
  • Multiple instances on one page
  • Pause on hover over
  • Useful options to customize your list scrolling
  • Prev / Next navigation buttons
  • Queue container for advanced usages

Basic Usage

1. Include the latest jQuery library and jQuery Scrollbox Plugin on the page

<script src="//"></script>
<script src="jquery.scrollbox.js"></script>

2. Create a list of text you want to scroll

<div id="demo" class="scroll-text">
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>

3. Style html elements as below

scrollbox elements diagram

4. Initialization



More examples

Non-infinite Loop

  infiniteLoop: false,
  switchAmount: 3

Callback functions

  afterForward: function (data) {
    if (data.switchCount >= 3) {
  afterBackward: function (data) {


jQuery Scrollbox is open-sourced software licensed under the MIT license