Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vxsx/jquery.ilist.js
Plugin that makes lists with floating separators, like iPod.app
https://github.com/vxsx/jquery.ilist.js
Last synced: about 5 hours ago
JSON representation
Plugin that makes lists with floating separators, like iPod.app
- Host: GitHub
- URL: https://github.com/vxsx/jquery.ilist.js
- Owner: vxsx
- Created: 2011-08-18T15:08:54.000Z (over 13 years ago)
- Default Branch: master
- Last Pushed: 2013-06-23T13:14:19.000Z (over 11 years ago)
- Last Synced: 2024-04-17T02:58:35.607Z (7 months ago)
- Language: JavaScript
- Homepage: http://vxsx.github.com/jquery.ilist.js/
- Size: 137 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.markdown
Awesome Lists containing this project
README
jquery.ilist.js
===============
Plugin that makes lists with floating separators, like iPod.app, [see for
yourself](http://vxsx.github.com/jquery.ilist.js/)
Requires
--------
* jquery 1.6.2 or higher (not tested on lower versions, but should
work)
Default options
----------------
``` javascript
separatorClass : 'ilist__item_separator',
dummyClass : 'ilist__item_dummy',
pinnedClass : 'ilist__item_pinned'
```
Usage:
------
HTML:
``` html
- A
- A Lorem ipsum...
- A Lorem ipsum...
- A Lorem ipsum...
- A Lorem ipsum...
- B
with a second line
- B Lorem ipsum...
- B Lorem ipsum...
- B Lorem ipsum...
...
```
Required portion of CSS:
``` css
.ilist-wrapper {
position: relative;
}
.ilist {
overflow-y: scroll;
}
.ilist__item_dummy {
display: none;
height: 0px;
position: relative;
}
.ilist__item_dummy .ilist__item {
position: absolute;
}
.ilist__item_pinned {
position: absolute;
top: 0;
}
```
And Javascript:
``` javascript
$('.list').ilist();
```
Compatibility
-------------
Tested in latest webkits, ff, opera - works okay.
No IE _so far_, but hey, graceful degradation, anyone?