• Stars
    star
    2,870
  • Rank 15,736 (Top 0.4 %)
  • Language
    JavaScript
  • Created over 12 years ago
  • Updated about 4 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

JavaScript library for one-directional scrolling with item based navigation support.

JavaScript library for one-directional scrolling with item based navigation support.

Sly supports navigation with:

  • mouse wheel scrolling
  • scrollbar (dragging the handle or clicking on scrollbar)
  • pages bar
  • various navigation buttons
  • content dragging with mouse or touch
  • automated cycling by items or pages
  • lots of super useful methods

... and has a powerful & developer friendly API!

That's all build around a custom highly optimized animation rendering with requestAnimationFrame, and GPU accelerated positioning with fallbacks for browsers that don't support it.

Dependencies

  • jQuery 1.7+

Compatibility

Works everywhere, even in IE6+ abominations, but that is a complete accident :) IE 6-7 are not officially supported.

Forum is for questions. Issues are for bug reports and feature requests. Don't mix the two :)

Usage

Constructor:

var options = {
	horizontal: 1,
	itemNav: 'basic',
	speed: 300,
	mouseDragging: 1,
	touchDragging: 1
};
var frame = new Sly('#frame', options).init();

jQuery proxy:

var options = {
	horizontal: 1,
	itemNav: 'basic',
	speed: 300,
	mouseDragging: 1,
	touchDragging: 1
};
$('#frame').sly(options);

jQuery proxy is good when you want to create an instance and forget about it. For anything more complex, like using methods, events, accessing instance properties, ... use the constructor and work with the instance directly.

Download

Latest stable release:

When isolating issues on jsfiddle, you can use this URL:

Documentation

Can be found in the docs directory.

Contributing

Please, read the Contributing Guidelines for this project.

License

MIT

More Repositories

1

motio

Small JavaScript library for sprite based animations and panning.
JavaScript
751
star
2

fpsmeter

Sexy, fast, and themable FPS meter.
JavaScript
578
star
3

uosc

Minimalist cursor proximity based UI for MPV player.
Lua
226
star
4

tooltip

JavaScript Tooltip component.
JavaScript
190
star
5

laravel-console

In-browser console for Laravel PHP framework.
CSS
170
star
6

espy

jQuery plugin for on-scroll detecting whether the element entered or left the viewport.
JavaScript
111
star
7

imagesloaded

A small helper that triggers a callback after all the selected/child images have been loaded.
JavaScript
100
star
8

tooltips

Tooltips for DOM elements.
JavaScript
40
star
9

loremImages

jQuery plugin for populating elements with random images
JavaScript
38
star
10

grunt-bumpup

Update the version, date, and other properties in JSON files while preserving indentation style.
JavaScript
35
star
11

grunt-gcc

Grunt task for minifying JavaScript files with Google Closure Compiler.
JavaScript
18
star
12

grunt-tagrelease

Commit the changes and tag the last commit with a version from provided JSON file.
JavaScript
17
star
13

volley

jQuery plugin for dividing and filtering elements based on their visual position.
JavaScript
16
star
14

remove-trailing-separator

Removes all separators from the end of a string.
JavaScript
11
star
15

e

Simple element creation / templating with SVG support.
JavaScript
9
star
16

utilus

Utilities fof Stylus.
CSS
9
star
17

position

Component that returns element's position box object relative to documentElement.
JavaScript
9
star
18

fs-extended

Node.js module that extends the native `fs` with convenient methods.
JavaScript
5
star
19

raft

requestAnimationFrame Throttle - throttle a function to be executed at most once per animation frame.
JavaScript
5
star
20

grunt-checkrepo

Grunt task to check the state of repository.
JavaScript
4
star
21

definer

Easier and less verbose wrapper for Object.defineProperties.
JavaScript
3
star
22

node-gcc

Node wrapper for Google Closure Compiler.
JavaScript
3
star
23

event

Event binding component with support for legacy browsers.
JavaScript
2
star
24

constructor-apply

Apply an arguments array to object constructor.
JavaScript
1
star
25

lab

Collection of my web experiments.
JavaScript
1
star
26

darsain.github.com

Personal website.
CSS
1
star
27

isarraylike

Check if value is an array-like object.
JavaScript
1
star
28

iswindow

Checks whether value is a window object.
JavaScript
1
star