This plugin is for Indexed-List scroll like iOS have (and Android)
HTML JavaScript CSS
Latest commit fd189d0 Sep 7, 2015 @boynet Merge pull request #10 from nolimits4web/master
Update to new CSS structure

README.md

Framework7 Indexed List Plugin

Demo: http://boynet.github.io/boynet/

This plugin is for Indexed-List scroll like iOS have (and Android), currently works only with Contacts List

''

Installation

Just grab plugin files from dist/ folder or using bower:

bower install framework7-indexed-list-plugin

And link them to your app's right AFTER Framework7's scripts and styles:

<link rel="stylesheet" href="path/to/framework7.min.css">
<link rel="stylesheet" href="path/to/framework7.indexed-list.css">
...
<script src="path/to/framework7.min.js"></script>
<script src="path/to/framework7.indexed-list.js"></script>

Usage

put this html code inside .page

<ul class="list-index"></ul>

Demo:

http://boynet.github.io/boynet/

OR:

Plugin comes with demo example to see how it works and looks. To make demo works you need:

  • install bower dependencies. Go to demo/ folder and execute in terminal bower install