Skip to content
jQuery Tools Full Width Scrollable Plugin
CSS JavaScript HTML Makefile
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.


Type Name Latest commit message Commit time
Failed to load latest commit information.

Full window width content slider

jQuery tools scrollable full window width plugin



    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;     
    width: 2000em;
    position: absolute;
  #items > div{
    float: left;
  #items > div > div {
    width: 960px;
    margin: 0 auto;

<script src="jquery.js"></script>
<script src="scrollable.all.min.js"></script>


<div id="slider">
  <div id="items">
        <h1>Slide 1</h1>
        <h2>Slide 2</h2>
        <h3>Slide 3</h3>

###Full on settings:

  circular: true, 
  touch: false, 
  easing: 'linear', 
  speed: 400
  navi: '#navigation',
  history: true,
  idPrefix: 'slide_'
  autoplay: true,
  interval: 5000 
  width: 960 // If you need a static width

Include the easing js file if you want a none default easing.

You can’t perform that action at this time.