Sticky list separators in jQuery Mobile?

Question

Is there a way to make the jQuery Mobile List separator header fixed / sticky at the top of the page until the next letter or list separator appears?

I already found something like this: https://github.com/jquery/jquery-mobile/blob/master/experiments/scrollview/lists-divider.html but the demo is not working, and when I implemented this code, it also does not work.

Answer 1

I am looking for a plugin to do the same, also for list separators on jquery.mobile. Sticky plugin found .

It works fine on firefox, but the dividers do not stick to the top of Chrome or Safari browsers, probably due to the complex menu structure created by jquery mobile. I will try to understand this.

Answer 2

You can use this jQuery plugin on GitHub . There is also a storefront article showing it as an iOS contact application.

The plugin allows you to select any selector that you like as the title. See this example for more details .