Description
JavaScript library for one-directional scrolling with item based navigation support.
Sly supports navigation with:
sly alternatives and similar libraries
Based on the "Sliders" category.
Alternatively, view sly alternatives based on common mentions on social networks and blogs.
-
impress.js
It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com. -
Glide.js
A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more -
Splide
Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors. -
Sequence
The responsive CSS animation framework for creating unique sliders, presentations, banners, and other step-based applications. -
Swiffy Slider
Super fast carousel and slider with touch for optimized websites running in modern browsers. -
jQuery.adaptive-slider
A jQuery plugin for a slider with adaptive colored figcaption and navigation.
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of sly or a related project?
Popular Comparisons
README
Sly
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
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:
- Production
sly.min.js
- 16KB, 7KB gzipped - Development
sly.js
- 55KB
When isolating issues on jsfiddle, you can use this URL:
Documentation
Can be found in the docs directory.
Contributing
Please, read the [Contributing Guidelines](CONTRIBUTING.md) for this project.
License
MIT
*Note that all licence references and agreements mentioned in the sly README section above
are relevant to that project's source code only.