PHPackages                             thatsus/scroll-box - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. thatsus/scroll-box

ActiveLibrary

thatsus/scroll-box
==================

v1.5(10y ago)060HTML

Since Dec 7Pushed 10y ago3 watchersCompare

[ Source](https://github.com/thatsus/scroll-box)[ Packagist](https://packagist.org/packages/thatsus/scroll-box)[ RSS](/packages/thatsus-scroll-box/feed)WikiDiscussions master Synced today

READMEChangelog (2)DependenciesVersions (3)Used By (0)

[jQuery Scrollbox](http://wmh.github.io/jquery-scrollbox/) [![Build Status](https://camo.githubusercontent.com/b9b997bb6168c3ca2df7ab0a8017b02489ee19e1bb4bda027f6ab3dba5a32495/68747470733a2f2f7472617669732d63692e6f72672f776d682f6a71756572792d7363726f6c6c626f782e7376673f6272616e63683d6d6173746572)](https://travis-ci.org/wmh/jquery-scrollbox)
======================================================================================================================================================================================================================================================================================================================================================

[](#jquery-scrollbox-)

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.

Features
--------

[](#features)

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

[](#basic-usage)

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

[](#1-include-the-latest-jquery-library-and-jquery-scrollbox-plugin-on-the-page)

```

```

### 2. Create a list of text you want to scroll

[](#2-create-a-list-of-text-you-want-to-scroll)

```

    item 1
    item 2
    item 3

```

### 3. Style html elements as below

[](#3-style-html-elements-as-below)

[![scrollbox elements diagram](https://camo.githubusercontent.com/10d5d185e8b31e01f731e290331c68aef351a7a580e0e0b9c8492a8d74884186/687474703a2f2f776d682e6769746875622e696f2f6a71756572792d7363726f6c6c626f782f696d672f776972656672616d652e706e67)](https://camo.githubusercontent.com/10d5d185e8b31e01f731e290331c68aef351a7a580e0e0b9c8492a8d74884186/687474703a2f2f776d682e6769746875622e696f2f6a71756572792d7363726f6c6c626f782f696d672f776972656672616d652e706e67)

### 4. Initialization

[](#4-initialization)

```
$('#demo').scrollbox();
```

Demos
-----

[](#demos)

****

More examples
-------------

[](#more-examples)

### Non-infinite Loop

[](#non-infinite-loop)

```
$('#demo').scrollbox({
  infiniteLoop: false,
  switchAmount: 3
});
```

### Callback functions

[](#callback-functions)

```
$('#demo').scrollbox({
  afterForward: function (data) {
    console.log(data.currentFirstChild);
    if (data.switchCount >= 3) {
      this.trigger('backward');
    }
  },
  afterBackward: function (data) {
    console.log(data);
  }
});
```

License
-------

[](#license)

jQuery Scrollbox is open-sourced software licensed under the [MIT license](http://opensource.org/licenses/MIT)

###  Health Score

29

—

LowBetter than 63% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity8

Limited adoption so far

Community13

Small or concentrated contributor base

Maturity64

Established project with proven stability

 Bus Factor1

Top contributor holds 76.7% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~0 days

Total

2

Last Release

3757d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/dc432bad0d4010ecab94ca498f4613e6bd7273668995565c15fd8a1cbcabf205?d=identicon)[rlambertsen](/maintainers/rlambertsen)

---

Top Contributors

[![wmh](https://avatars.githubusercontent.com/u/50888?v=4)](https://github.com/wmh "wmh (23 commits)")[![Rwing](https://avatars.githubusercontent.com/u/497333?v=4)](https://github.com/Rwing "Rwing (5 commits)")[![malikov](https://avatars.githubusercontent.com/u/2321836?v=4)](https://github.com/malikov "malikov (1 commits)")[![rhenann](https://avatars.githubusercontent.com/u/2061507?v=4)](https://github.com/rhenann "rhenann (1 commits)")

### Embed Badge

![Health badge](/badges/thatsus-scroll-box/health.svg)

```
[![Health](https://phpackages.com/badges/thatsus-scroll-box/health.svg)](https://phpackages.com/packages/thatsus-scroll-box)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
