This plugin is for Indexed-List scroll like iOS have (and Android)
JavaScript CSS
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
demo Update to new CSS structure Sep 6, 2015
dist Create framework7.indexed-list.min.js Jun 13, 2017
src fix for #13 Jun 12, 2017
.gitignore Update to new CSS structure Sep 6, 2015
CHANGELOG.md Create CHANGELOG.md Jan 19, 2015
LICENSE Update LICENSE Jan 19, 2015
README.md move to https Jun 13, 2017
bower.json Update bower.json Jun 13, 2017

README.md

Framework7 Indexed List Plugin

Demo: https://boynet.github.io/boynet/

This plugin is for Indexed-List scroll like iOS and Android have, 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:

https://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