jQuery EasyScroll Plugin Demos

Download This Plugin Back To jQueryScript

A jQuery plugin for horizontal and vertical auto-scrolling with loop, bounce, pause-on-hover, and touch support.

Automatic Horizontal Loop

Hover pauses
  • Workflow
    Loop Rail
    Cards move in a seamless forward loop.
    Loop mode
  • Catalog
    Fixed Width
    Each item keeps a fixed width for smooth resets.
    Speed 1
  • Media
    Ticker
    The clip hides overflow while cloned items fill the edge.
    Forward
  • Display
    Carousel
    The list scrolls without visible pagination.
    Auto
  • Layout
    Responsive
    The container adapts while item dimensions stay stable.
    Horizontal

Automatic Vertical Bounce

Pause button
  • Queue
    Bounces at each end
    The movement reverses when the scroll position reaches a boundary.
    Bounce
  • Feed
    Vertical item list
    The same engine handles top-to-bottom scrolling.
    Vertical
  • Control
    Dedicated pause toggle
    The generated pause button stops and resumes motion.
    Click
  • Clip
    Overflow stays hidden
    The viewport masks off-screen items during each reversal.
    Masked

Manual Horizontal End

Hold controls
  • Manual
    Hover
    The generated controls start motion on pointer entry.
    End mode
  • Boundary
    Edge Stop
    The end mode stops movement at the first or last item.
    No loop
  • Offset
    Offset
    The initial offset proves the instance can begin past zero.
    24 px
  • Speed
    Fast
    A higher speed value makes control response more direct.
    Speed 3
  • Plugin
    jQuery
    This instance uses the registered plugin method.
    $.fn

Reverse Automatic Loop

Backward
  • Direction
    Backward
    The direction option reverses the initial movement.
    Backwards
  • Loop
    Reset
    The list prepends cloned items to maintain a clean cycle.
    Loop
  • Pacing
    Speed
    Speed changes the number of pixels applied each frame.
    Speed 2
  • Hover
    Pause
    The clip pauses on hover and resumes on leave.
    Hover

Manual Vertical Loop

Up and down
  • Manual
    Vertical loop controls
    Hover the top or bottom button to drive movement.
    Loop
  • Reset
    Cloned edges hide jumps
    The loop mode creates room before and after the original list.
    Clones
  • Axis
    Top and bottom motion
    The same API switches from scrollLeft to scrollTop.
    scrollTop
  • Control
    Continuous manual travel
    The list keeps cycling instead of locking at the boundary.
    Manual