There is a nice implementation here https://codepen.io/mikelucid/pen/mqzLc
I tried it but the main problem is that each letter is a button.
When interacting with the browser, if you don’t release the button, you cannot press another one.
So you can’t expect to press button A, slide down to Z and have the list scrolls.
The ‘sliding’ behaviour of the iOS is not achievable with buttons I think.
On the other hand, the <input type=range can be used vertically to provide a similar press’n’slide feeling, but the cross-browser support for range labels (A-Z) is not very good. So you would have to add a vertical alphabet div beside the range-slider.
It would definitely be a nice item to have in Ionic as this has become a standard of interacting with large lists.
↧
Implement List Section Index Titles With Scroll Effects Like iOS UITableView
↧