jQuery Simple Sync Scrollr

Featured Products

WOOBE - WooCommerce Bulk Editor Professional

WOOT - WooCommerce Active Products Tables

TABLEON - WordPress Post Tables Filterable

jQuery Simple Sync Scrollr

By : Nedgeva Published on Tuesday, February 21, 2017,22:14:19 in JavaScript Scripts

Screenshots

Demo

Buy (4 $)

4 $

jQuery Simple Sync Scrollr is a tiny jQuery plugin which allows scroll multiple scrollable areas of the page synchronously.

How it works

When you scroll your scrollable area (or simply â€˜paneâ€™) jQSSS will scroll other panes to the same height/width simultaneously, regardless of their inner content size. Please refer to demo page and screenshots for more explanation. Added new sync mechanism since v1.1.0: sync scroll position by inner content (see demo)

Features

Scrolls areas synchronously in both vertical and horizontal direction

New feature: sync scroll position by inner content

Provides custom callbacks for numerous events

Has crossbrowser support (compatible with almost all modern browsers)

Incredibly lightweight â€“ size of minified js is only ~4KB!

Re-attachable (can be disabled and re-enabled at any time)

Easily integrates in any CMS platforms and UI frameworks

Plays well with any other jQuery plugin

Fully documented

Use cases for jQSSS

Book, zines and papers reading (e.g. comparison of scanned pages and pages after â€˜optical character recognitionâ€™ )

Rich text editors for â€˜content management systemsâ€™ (e.g. comparison of previous copy and current one)

Viewing various live data that should be synced

...and many more options and possibilities

See jQSSS in action: https://nedgeva.github.io/jqsss/ Changelog

v1.1.0 - added new feature: sync by inner content (see demo)
added new argument sent to callbacks (ratio of scrolled height/width)
removed junk code
v1.0.0 - initial release

Featured Products